Карта иногда не загружается - initMap не является функцией - PullRequest
Новая
       11

Карта иногда не загружается - initMap не является функцией

0 голосов
/ 15 февраля 2019

Я использую API Карт Google на своей веб-странице.Иногда карта работает, но иногда нет.Ошибка, которую я получаю, когда карта не работает: "initMap не является функцией" *. 

<div id="map">
</div>
<script>
        window.initMap = function(){
            var map = new google.maps.Map(document.getElementById('map'), {
                center: new google.maps.LatLng(47.037596, 8.303537), 
                zoom: 13,
            });
        }
</script>

Я загружаю сценарии карт перед закрывающим тегом body.Скрипты загружаются из Wordpress functions.php.

<script type="text/javascript" async="" defer="" src="//maps.googleapis.com/maps/api/js?key=XXXXXXXXX&amp;libraries=places&amp;callback=initMap"></script>

Существующие сообщения на эту тему не могли мне помочь.Я также пытался без отсрочки и асинхронности и просто отсрочить.С успехом.Я также поместил всю функцию init.Map в документ jQuery.ready.

1 Ответ

0 голосов
/ 15 февраля 2019

Код, который вы опубликовали, работает должным образом (с действительным ключом API и высотой, установленной в контейнере карты). 

#map {
  height: 180px;
}
<div id="map">
</div>
<script>
  window.initMap = function() {
    var map = new google.maps.Map(document.getElementById('map'), {
      center: new google.maps.LatLng(47.037596, 8.303537),
      zoom: 13,
    });
  }
</script>

<script type="text/javascript" async="" defer="" src="//maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&amp;libraries=places&amp;callback=initMap"></script>
...