Ошибка при реализации API Google с использованием JavaScript - PullRequest
Новая
       3

Ошибка при реализации API Google с использованием JavaScript

0 голосов
/ 16 октября 2018

Я получаю следующую ошибку при реализации API google MAP с использованием JavaScript.

Ошибка: 

**auto.html:14 Uncaught ReferenceError: google is not defined
    at auto.html:14
(anonymous) @ auto.html:14**

Я предоставляю приведенный ниже код.

auto.html: 

<!DOCTYPE html>
<html>
<head>
    <title>Parent-Child Communication</title>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places&callback=initService" async defer></script>
</head>
<body>
   <input id="searchTextField" type="text" size="50">
   <script type="text/javascript">
    function init() {
        var input = document.getElementById('searchTextField');
        var autocomplete = new google.maps.places.Autocomplete(input);
    }
    google.maps.event.addDomListener(window, 'load', init);
   </script>
</body>
</html>

Требуется, когда пользователь введетчто-то название места придет в автоматическом предложении, но в моем случае это выдает ошибку.

1 Ответ

0 голосов
/ 16 октября 2018

Удалите google.maps.event.addDomListener(window, 'load', init);, затем измените сценарий включения с: 

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places&callback=initService" async defer></script>

на (чтобы он вызывал вашу init функцию): 

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places&callback=init" async defer></script>

рабочийфрагмент кода: 

<title>Parent-Child Communication</title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&callback=init" async defer></script>
<input id="searchTextField" type="text" size="50">
<script type="text/javascript">
  function init() {
    var input = document.getElementById('searchTextField');
    var autocomplete = new google.maps.places.Autocomplete(input);
  }
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...