Добавляем Google Maps в WordPress

Вы можете публиковать все типы контента на своем WordPress-сайте. Мы уже показывали ранее, как добавлять аудиофайлы, видео, PDF и электронные таблицы к WordPress. Добавление контента из разных внешних источников позволяет расширить информативность своего сайта, сделать его интерактивным и полезным. В этой статье мы покажем вам, как добавить карты Google Maps к WordPress.

Ручное добавление Google Maps к WordPress

Переходим к сайту Google Maps, и просто вбиваем нужное местонахождение, которое вы хотите отображать на сайте. Как только вы найдете нужную локацию, щелкните по кнопке для получения ссылки, которая находится в панели с правой стороны страницы. В итоге вы получите код внедрения карт на сайт. Скопируйте iframe-код. Также вы можете настроить внешний вид карты на вашем сайте, щелкнув по ссылке «Customize and preview the embedded map» («Настроить и просмотреть внедряемую карту»).

googlemaps-embed-iframe

Переходим к своему WP-сайту и вставляем код в запись, на страницу или в шаблон. Готово! Теперь осталось сохранить страницу/запись, чтобы увидеть карты Google в действии.

Добавление карт Google в WordPress с помощью плагина

Первый метод хорош, если вы хотите внедрить карты Google только для одной локации. Однако если карты представляют важную часть основного контента вашего сайта, и вам требуется часто добавлять их в записи, то в таком случае мы рекомендуем вам использовать плагин.

Первое, что вам понадобится – установить и активировать плагин MapPress Easy Google Maps. Отредактируйте страницу/запись, в которой будет выводиться карта. Прокручиваем вниз до секции MapPress на странице редактирования записей и щелкаем по кнопке New Map.

mappress-googlemaps-plugin

Откроется редактор MapPress, где вы можете ввести адрес или щелкнуть по ссылке My Location, чтобы плагин автоматически определил ваше расположение. Введите заголовок вашей карты, выберите ее размер. Как только вы настроите карту, щелкните по кнопке Save, а затем по кнопке Insert into Post. В итоге карта добавится в вашу запись. Обновите или опубликуйте вашу запись, чтобы увидеть изменения.

С помощью MapPress вы можете добавлять несколько карт в запись или на страницу. Плагин работает даже без начальной корректировки, однако вы всегда можете его настроить через меню, которое добавляется в сайдбар консоли. В этом меню вы можете настроить параметры плагина: тип карты, границу, выравнивание, элементы управления и т.д.

mappress-settings

Добавление карты Google в виджет и лайтбокс

Еще один простой способ добавить Google Maps на WP-сайт заключается в установке плагина Google Maps Widget. После активации плагина перейдите в раздел Внешний вид – Виджеты и перетащите виджет Google Maps Widget в сайдбар.

google-maps-widget-settings

Введите в параметрах виджета адрес, который вы хотите отображать на карте. Вы можете выбирать размер карты, цвет значка текущего расположения, уровень зума и т.д. Щелчок по вкладке Lightbox позволяет настроить параметры лайтбокса (всплывающего окна). Чтобы сохранить настройки виджета, щелкаем по кнопке Save. Переходим к своему сайту и наблюдаем карты в действии.

google-maps-widget

Источник: wpbeginner.com

Блог про WordPress
Комментарии: 6
  1. Ната

    Все здорово получилось, огромная вам благодарность

  2. Саша

    А можно ли как-то пользователям сайта оставлять метки на карте?

    1. Дмитрий (автор)

      Данный функционал я лично видел только в платных плагинах. К примеру, данная возможность отмечена в платной версии плагина http://wordpress.org/plugins/wp-google-maps/.

  3. 666

    спасибо

  4. Евгений

    Спасибо, помогли:)

  5. Максим

    На мой взгляд, это уже давно устаревший плагин. Сейчас есть намного более удобные и простые в установке и использовании решения с в разы бОльшим функционалом. Например, эти ребята: https://elfsight.com/ru/google-maps-widget/.

    За всю свою практику создания сайтов я не нашел ничего лучше.
    Очень советую и вам обновить свои инструменты :)

Добавить комментарий

Получать новые комментарии по электронной почте.