Вставьте Google Map Iframe на свой сайт

Чтобы встроить iframe Google Map, вы можете воспользоваться следующими методами:

Метод 1. Использование API внедрения Google Maps

  1. Перейдите на веб-сайт платформы Google Карт ( https://cloud.google.com/maps-platform/ ).
  2. Создайте новый проект или выберите существующий.
  3. Включите Maps JavaScript API для своего проекта.
  4. Сгенерировать ключ API.
  5. Используйте следующий фрагмент кода, чтобы встроить карту на свой веб-сайт:
    <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

  1. Перейдите на Карты Google ( https://www.maps.google.com ).
  2. Найдите место, которое хотите встроить.
  3. Нажмите кнопку «Поделиться».
  4. Во всплывающем окне нажмите вкладку «Встроить карту».
  5. Настройте размер карты и другие параметры.
  6. Скопируйте сгенерированный HTML-код и вставьте его на свой веб-сайт.

Метод 3. Использование классических карт Google

  1. Перейдите на Карты Google ( https://www.maps.google.com ).
  2. Найдите место, которое хотите встроить.
  3. Нажмите кнопку «Меню» (три горизонтальные линии) в левом верхнем углу.
  4. Выберите «Поделиться или встроить карту».
  5. Во всплывающем окне нажмите вкладку «Встроить карту».
  6. Настройте размер карты и другие параметры.
  7. Скопируйте сгенерированный HTML-код и вставьте его на свой веб-сайт.