Внедрение API API Карт Google в javascript

Question

Я отчаянно пытаюсь установить онлайн-карту, которую я создал с помощью кода Javascript на странице html (я не профессиональный разработчик, и я особенно неосведомлен в javascript). Пока я держу файл html локальным, все работает нормально, но как только я его выложу в Интернете, карта не будет отображаться, и я получил сообщение о недостающем ключе.

Итак, у меня есть ключ, но моя проблема - найти, как это работает. Моя карта генерируется по следующей инструкции:

map = new google.maps.Map(document.getElementById("map"), options); 

Я пытался добавить этот скрипт:

сценарий SRC = "https://maps.googleapis.com/maps/api/js?key=# #### & callback = initMap "async defer

Но все, что происходит, это еще несколько ошибок, и карта не отображается.

Может ли кто-нибудь мне помочь? Заранее спасибо

Answer 1

Вместо этого вы должны использовать iframe, который вы получаете на сайте Google Maps. Пример:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d100994.00356082054!2d-121.9805740058651!3d37.71820818113972!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fe65cd6892231%3A0x3b327c848ef64057!2sDublin%2C+CA+94568!5e0!3m2!1sen!2sus!4v1480970198759" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Answer 2

Перейти на страницу мандатной в google developer console затем в верхней части вы увидите Проверка домена вкладки нажмите на эту вкладку, а затем нажмите на кнопку Добавить домен для того, чтобы добавьте домен, с которого загружается ваш сайт.

Если вы сделаете это, вам не понадобится ключ API. Благодаря этому Google может отслеживать ваши запросы.

Важное примечание

Я не уверен, будет ли это дело для вас, но обратите внимание, что, как только вы добавить проверенного домена, убедитесь, что сгенерированный ранее ключ не используется для Веб-сервисы Google Map, такие как API, иначе API возвратит ошибку после добавления домена.