Google Map APIのオートコンプリート。ドロップダウンリストなし

これまでのところ、これによりドロップダウンリストが作成されなくなりました。私は何を変更する必要がありますか？他に何かが廃止されましたか？Google Map APIのオートコンプリート。ドロップダウンリストなし

 <!DOCTYPE html> 
     <html> 
     <head> 
     <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=[mykey]&sensor=false&amp;libraries=places"></script> 
     <script type="text/javascript"> 
     . 
     . 
     infowindow = new google.maps.InfoWindow(); 
     geocoder = new google.maps.Geocoder(); 
     input = document.getElementById('address'); 
     var adOptions = { 
      types: ['geocode'] 
     }; 
     autocomplete = new google.maps.places.Autocomplete(input, adOptions); 
     google.maps.event.addListener(autocomplete, 'place_changed', function() { 
     infowindow.close(); 
     var place = autocomplete.getPlace(); 
     . 
     . 
     } 
     document.getElementById('address').focus(); 
     . 
     </script> 
    </head> 
    <body> 
    <div><input id="address" type="text" value="" onfocus="this.value='Enter location'"></div> 
    <div id="map_canvas" style="width: 100%; height: 100%"></div> 
    </body> 
    </html>

出典

2017-01-07 Archdeacon

コンソールにエラーがありますか？ –

ブラウザのコンソールでエラーが発生していないかどうかを確認してください。 – Lal

google.maps.event.addListener閉じかっこがなく、キーの有効期限が切れているかどうかを確認し、コンソールでエラーと警告を確認してください。 – azs06

-1

「GoogleプレイスAPI Webサービス」ドロップダウンリストは、あなたが &コールバック= initAutocomplete を含める場合、これはあなたがAPIを呼び出す必要がありますするために必要なものです動作します（これは、HTTPまたはHTTPSことができます）

< script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=[mykey]&sensor=false&amp;libraries=places&callback=initAutocomplete"></script >

の代わりに：

<スクリプトタイプ= "テキスト/ javascriptの" SRC = "http://maps.googleapis.com/maps/api/js?key=[mykey] & sensor = false & libraries = places ">

出典

2017-04-24 17:49:24 ijimenez123

Google Map APIのオートコンプリート。ドロップダウンリストなし

答えて

関連する問題