Как вставить карты гугл(Google Maps) сайт(WordPress)

WordPress

2

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

В этой статье мы рассмотрим два простых способа, как за пару минут добавить карты Google Maps на сайт:

  • 1. Непосредственно вставить из Google Maps
  • 2. Плагин Google Maps от WPMUDEV

Метод вставки на WordPress сайт карт из Google Maps

Откройте Google Maps и введите в поисковую строку адрес. Например, мы ввели случайный запрос «Тверской район, Москва, дом 1,» выбрали здание кафе, и вот что получили:

для движка вордпресс

В верхнем левом углу картинки можно нажать на картинку в виде звена цепи, и открыть диалоговое окно для вставки карты на сайт. Вы можете настроить некоторые элементы (такие как размер карты, цвет границ и т.д). Скопируйте этот код и вставьте его на свой сайт, используя HTML-редактор на странице записи.

Когда вы сохраните страницу или запись, то увидите выбранную карту Google непосредственно на своей странице. У нее будут практически такие же функциональные возможности, как и на странице самой Google-карты. Вы сможете приближать, менять направление, получать информацию об адресах и т.д.

Плагин Google Maps

WPMUDEV создали замечательный Google Maps-плагин, который даст вам дополнительные возможности относительно карт google на ваш сайт. Кроме того, плагин добавляет возможности редактирования, позволяющие изменять вид карты на сайте.

Google Maps Плагин

Вместо того чтобы копировать код из google, вы можете вставить карты непосредственно из вашей записи или страницы, используя иконку «Добавить карту» в визуальном редакторе. Вы можете использовать пользовательские разделы для взаимодействия с геолокационным плагином, даже добавлять на карту панорамное изображение.

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

А владеющие некоторыми навыками в CSS могут добавлять свои уникальные пользовательские стили для того, чтобы такая карта от гугл выглядела красиво на вашем сайте.

2 комментария

по хронологии
по рейтингу сначала новые по хронологии
Михаил

У вас есть лого из гугл+
Как его сохранить при встраивании карты в сайт? Оно пропадает.... Очень нужно

Зиля

Спасибо, самый удобный и быстрый способ!

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Более 6 лет опыта работы

Отвечу в течении 24 часов

Минимальная сумма заказа 1000Р

Ваше сообщения отправлено
Ваше сообщения отправлено успешно