Чтобы встроить iframe Google Map, вы можете воспользоваться следующими методами:
Метод 1. Использование API внедрения Google Maps
- Перейдите на веб-сайт платформы Google Карт ( https://cloud.google.com/maps-platform/ ).
- Создайте новый проект или выберите существующий.
- Включите Maps JavaScript API для своего проекта.
- Сгенерировать ключ API.
- Используйте следующий фрагмент кода, чтобы встроить карту на свой веб-сайт:
<iframe width="600" height="450" frameborder="0" src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY&q=ADDRESS" allowfullscreen> </iframe>Замените
YOUR_API_KEYсвоим фактическим ключом API, аADDRESS— местоположением, которое вы хотите отобразить на карте.
Метод 2. Использование функции общего доступа к Картам Google
- Перейдите на Карты Google ( https://www.maps.google.com ).
- Найдите место, которое хотите встроить.
- Нажмите кнопку «Поделиться».
- Во всплывающем окне нажмите вкладку «Встроить карту».
- Настройте размер карты и другие параметры.
- Скопируйте сгенерированный HTML-код и вставьте его на свой веб-сайт.
Метод 3. Использование классических карт Google
- Перейдите на Карты Google ( https://www.maps.google.com ).
- Найдите место, которое хотите встроить.
- Нажмите кнопку «Меню» (три горизонтальные линии) в левом верхнем углу.
- Выберите «Поделиться или встроить карту».
- Во всплывающем окне нажмите вкладку «Встроить карту».
- Настройте размер карты и другие параметры.
- Скопируйте сгенерированный HTML-код и вставьте его на свой веб-сайт.