Как вставить URL карты Google на сайт с помощью html
у меня есть этот адрес карты Google Я пытался встроить с помощью iframe на свой сайт, но это не работает
<iframe id = "iframeid"
width = "450"
height = "250"
style = "border:0"
src = "https://www.google.com/maps/dir/?api=1&origin=Space+Needle+Seattle+WA&destination=Pike+Place+Market+Seattle+WA&travelmode=bicycling"
></iframe>помогите как вставить
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 5
Сначала проверьте как спросить
Судя по всему, я бы запустил в руководстве разработчика Google, нужно запросить ключ API. Затем попробуйте поместить этот код с ключом API, помещенным в ваш html-код.
<iframe
width = "600"
height = "450"
frameborder = "0" style = "border:0"
src = "https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY
&q=Space+Needle,Seattle+WA" allowfullscreen>
</iframe>
после этого, возможно, вы сможете углубиться в детали того, что означает «это не работает». Вы получаете какой-либо вывод в консоли, он выключил ваш компьютер? любые дополнительные детали помогут нам помочь вам!
Вот еще один способ реализации:
<iframe width = "100%" height = "600" src = "https://maps.google.com/maps?width=100%&height=600&hl=en&coord=52.70967533219885, -8.020019531250002&q=1%20Grafton%20Street%2C%20Dublin%2C%20Ireland&ie=UTF8&t=&z=14&iwloc=B&output=embed" frameborder = "0" scrolling = "no" marginheight = "0" marginwidth = "0"></iframe><br />Вы должны изменить следующее:
- width= (ширина iframe)
- height= (высота iframe)
- coord= (координаты адреса)
- q= (адрес)
- z= (уровень масштабирования)
Надеюсь это поможет
Если вы проверите консоль, вы обнаружите следующую ошибку:
Refused to display 'https://www.google.com/maps/dir/?api=1&origin=Space+Needle+Seattle+WA&destination=Pike+Place+Market+Seattle+WA&travelmode=bicycling' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
Здесь вы можете прочитать больше об ошибке выше
Теперь, чтобы исправить эту ошибку, немного измените iframe src следующим образом.
<iframe id = "iframeid"
width = "450"
height = "250"
style = "border:0"
src = "https://www.google.com/maps/embed?api=1&origin=Space+Needle+Seattle+WA&destination=Pike+Place+Market+Seattle+WA&travelmode=bicycling"
></iframe>Что мы сделали, так это изменили dir/ на embed
вы можете сгенерировать HTML-код для местоположения с карт Google, следуйте этому.
Похоже, что для использования всех карт Google Earth требуется платный ключ API. Однако мне удалось создать встроенные карты, которые я искал, с помощью
- Использование Google Earth для создания любых слоев наложения или маркеров и их сохранение в виде файлов kmz.
- иду в maps.google.com и создаю свою карту
- Перейти в меню
- Выберите «Ваши места»
- Выберите вкладку «Карты»
- Нажмите «ПОСМОТРЕТЬ ВСЕ ВАШИ КАРТЫ».
- Создайте новую карту. Добавьте нужные слои.
- Нажмите на 3 точки, вставьте карты и предоставьте базовый код для копирования в ваш html.
- Вы можете настроить свой вид, добавив '&' с командами, которые Syfer перечислил выше.
Я смог встроить несколько карт на страницу, и они загружаются с тем же представлением, которое вы выбираете в модуле «Мои карты» на картах Google.