Google Maps не загружается на сайт

-1

Я пытаюсь интегрировать Google Maps на свой сайт, и я не знаю, что я делаю неправильно. У меня есть код точно так же, как и в Google, но я немного изменил CSS, но я поменял свое место для себя, и он все еще не работает. Кто-то видит то, чего я не вижу?Google Maps не загружается на сайт

<head> 
    <style> 
    #map { 
     width: 100%; 
     height: 500px; 
    background: #CCC; 
    } 
    </style> 
</head> 
<body> 
    <div id="map"></div> 
    <script> 
    function initMap() { 
     var mapDiv = document.getElementById('map'); 
     var map = new google.maps.Map(mapDiv, { 
     center: {lat: 44.540, lng: -78.546}, 
     zoom: 8 
     }); 
    } 
    </script> 
    <script src="https://maps.googleapis.com/maps/api/js" async defer></script> 
</body>

источник

2016-05-05 Becky

Google Maps API предупреждения: NoApiKeys https://developers.google .com/maps/documentation/javascript/сообщения об ошибках # no-api-keys – zipzit

Вы не вызываете метод initMap. [Скрипка] (http://jsfiddle.net/geocodezip/qyn1bbzo/). Либо добавьте '& callback = initMap' в свой скрипт, либо используйте функцию onload для его вызова. – geocodezip

OOps. geocodezip в точности прав. Где-то вам нужно '' в соответствии с инструкциями на [этой странице.] (Https: // разработчики .google.com/maps/tutorials/fundamentals/add-a-google-map # the_googlemapsmap_object) Вам не хватает обратного вызова. – zipzit

Вы забыли фактически запустить функцию инициализации. Просто вызовите функцию после объявления функции, и она работает.

function initMap() { 
    var mapDiv = document.getElementById('map'); 
    var map = new google.maps.Map(mapDiv, { 
     center: {lat: 44.540, lng: -78.546}, 
     zoom: 8 
    }); 
} 
initMap();

Edit: Как было отмечено в нескольких комментариях к этому вопросу, это также может быть достигнуто путем добавления &callback=initMap в ЦСИ сценария:

<script src="https://maps.googleapis.com/maps/api/js?callback=initMap" async defer>

источник

2016-05-05 01:57:32

Рекомендация: когда кто-то отправляет отличный ответ, даже если его комментарий, просто переместите комментарий. Kudos to geocodezip – zipzit

@zipzit Если бы были какие-то комментарии, когда я начал писать это, это именно то, что я бы сделал. Однако это было не так. –

@zipzit: никто не узнает, что эта проблема была решена, когда нет «реального» ответа (который может быть принят) –

Google Maps не загружается на сайт

ответ

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