Google Places API のオートコンプリートを使用しようとしています。オートコンプリート自体をセットアップして動作させていますが、PlacesResult の情報を他の場所で使用できるようにリスナーを追加したいと考えています。
機能をテストするために、アラート ボックスを表示し、place.name を . どちらも機能していないため、リスナーの構成が明らかに間違っていると思いますが、どのように間違って記述したのかわかりません。
<!-- Load Places Library for Google Maps-->
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false">
</script>
<!-- Autocomplete Script -->
<script type="text/javascript">
function initialize(){
var input = document.getElementById('name');
var autocomplete = new google.maps.places.Autocomplete(input);
}
google.maps.event.addDomListener(window, 'load', initialize);
google.maps.event.addListener(autocomplete, 'place_changed', function(){
var place = autocomplete.getPlace();
alert("This function is working!");
document.getElementById("receiver").innerHTML=place.name;
});
</script>