2017-01-07 3 views
0

Некоторое время назад это остановило создание списка выпадающего списка. Что мне нужно изменить, пожалуйста? Что-то еще устарело?Автозаполнение API карты Google. Нет выпадающего списка

 <!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> 
+1

У вас есть ошибки в консоли? –

+0

проверьте свою консоль браузера на наличие ошибок. – Lal

+1

google.maps.event.addListener не хватает закрывающих круглых скобок, также проверьте, истек ли ваш ключ или нет, проверьте консоль на наличие ошибок и предупреждений. – azs06

ответ

-1

The "Google Places API веб-сервиса" Выпадающий список работает, если вы включите & обратного вызова = 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 ">

Смежные вопросы