Как добавить Google-карту на сайт

С помощью Google Карт Вы можете размещать карты, маршруты проезда, результаты поиска, а также панорамы из "Просмотра улиц" на своем веб-сайте или в блоге.

Если посетитель Вашей страницы вошел в аккаунт Google, он увидит на ней все сохраненные им места, например, свой дом или офис.

Как получить код:

  1. Перейдите в Google Карты.
  2. Откройте карту или панораму из "Просмотра улиц", которую нужно добавить на сайт.
  3. Нажмите на значок главного меню в левом верхнем углу экрана.
  4. Выберите "Поделитесь с друзьями или получите код карты".
  5. В открывшемся окне перейдите на вкладку "Код".
  6. Укажите размер карты, затем скопируйте код и вставьте его в исходный код своего веб-сайта или блога.

Примечание. В упрощенном режиме получить код карты нельзя.

Обратите внимание, что информация о пробках и некоторые другие данные могут быть не видны на добавленной карте.

Как добавить на сайт гугл карту

В случае если Ваш сайт является копией нашего демонстрационного сайта demo.pixlpark.ru и Вы хотите заменить уже имеющуюся карту, например, на странице контактов, то зайдите в панель управления сайтом, откройте раздел CMS "Страницы сайта", найдите страницу "Контакты" и откройте ее для редактирования, затем перейдите в "Расширенные настройки страницы" (см. скриншот ниже) и в поле "Слайдер" вставьте полученный в сервисе Google Карты код карты вместо текущего.

Как установить карту на сайт Как установить карту на сайт

Как Вы могли заметить, в коде карты есть параметры, отвечающие за размеры окна карты: width (ширина) и height (высота), – они показаны стрелками на скриншоте. Вы можете установить оптимальные для Вашего сайта значения (на Ваше личное усмотрение). Значения данных параметров указаны в пикселях (px). Если Вы желаете растянуть карту на всю ширину сайта, то парамерт width вместе с его значением надо просто удалить из кода. На скриншоте показана выделением часть кода, которую надо удалить для установки ширины карты, равной ширине сайта.

Источник статьи: Google справка — Как добавить карту на сайт или в блог.