Создание интерактивной карты для wordpress. Плагин Яндекс.Карты для WordPress

От автора: приветствую вас, друзья! В этой небольшой статье мы с вами узнаем, как вставить Яндекс карту на сайт WordPress. Вопрос добавления карты на любой сайт довольно популярен среди пользователей, что не удивительно. Ведь практически на любом сайте есть страница контактов и, если имеется физический адрес, скажем магазина или студии, тогда его проще и лучше продемонстрировать в понятной для посетителя форме — на Яндекс карте.

Итак, для добавления карты на сайт ее сначала нужно создать. Сделать это можно, воспользовавшись конструктором сайт от сервиса Яндекс. Доступен этот сервис по следующему адресу — https://tech.yandex.ru/maps/tools/constructor/ .

Как видим, нам предлагают выбрать уже готовую карту либо же создать новую. Обратите внимание, для создания карты, впрочем, как и для работы с другими сервисами от Яндекс, вам необходима учетная запись на Яндксе. Если у вас ее нет или вы не авторизованы, тогда Яндекс предложит вам создать свою учетную запись или авторизоваться в уже имеющейся. Итак, нажимаем кнопку Создать новую карту и, скорее всего, вы увидите карту того города, в котором находитесь.

Если это будет не ваш город или вам просто нужен другой город, тогда мы его сможем изменить далее при поиске необходимого адреса или объекта на карте.

В качестве примера давайте создадим карту, на которой будет главная улица Киева — Крещатик. Для этого воспользуемся поисковой строкой вверху карты и наберем интересующий нас адрес.

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

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

После сохранения мы увидим предпросмотр карты, где можно настроить ее размер простым перетаскиванием ползунков по бокам карты.

Изменяя размер Яндекс карты, в левой части страницы мы сразу же будем видеть параметры ее ширины и высоты и это очень удобно. После завершения изменений жмем кнопку Получить код карты.

После нажатия кнопки в тултипе увидим готовый код карты, который остается вставить на нужную страницу WordPress.

У меня уже есть страница контактов на сайте WordPress, на эту страницу я и вставлю скопированный код. Обратите внимание, это код HTML, подключающий скрипт, поэтому данный код обязательно нужно вставлять на страницу не в визуальном режиме а в режиме Текст.

Сохраним страницу и посмотрим изменения в пользовательской части сайта WordPress. Как видим, Яндекс карта успешно появилась на сайте WordPress.

Все крайне просто и весь процесс занял буквально считанные минуты. Что очень удобно, так это то, что мы можем при желании Яндекс карту разместить на любой странице сайта WordPress и даже в любой части сайта. Например, мы вполне можем сформировать миниатюрную карту и вставить ее в сайдбар. Для этого достаточно использовать виджет Текст, который позволяет вставлять код HTML. Ну а у меня на этом все. Удачи!

Вы ищете способ добавить Google Maps на свой сайт WordPress? Существует огромное количество бесплатных плагинов для Google Maps, что затрудняет выбор лучшего из них. В сегодняшней статье мы покажем вам 7 лучших бесплатных плагинов Google Maps для WordPress.

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

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

Для этого вам нужно будет переключиться в текстовый редактор, а затем добавлять код.

Также стоит отметить, что дефолтный код предоставляет не очень много возможностей для настройки. Например, вы не сможете добавить произвольную информацию на карту.

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

1. MapPress Easy Google Maps

MapPress Easy Google Maps — один из самых популярных плагинов карт Google. Он позволит вам легко добавить карту Google в любую запись WordPress, страницу или произвольный тип записи, просто напечатав адрес.

Вы сможете встроить карту автоматически до или после записи. Также можно использовать шорткод для добавления карты за пределами записи. За более подробной информацией можно обратиться к нашей статье о том, как .

2. Google Maps Builder

Maps Builder поставляется с отличным функционалом для кастомизации, красивой картой и уймой опций. Вы можете легко добавлять расположения, выбирать размер карт, их типы, и даже выбрать тему для карты. Все это можно получить с помощью визуального настройщика.

Добавление карты в запись также не составит никакого труда. Все, что вам нужно будет сделать, это нажать на кнопку в редакторе записей и выбрать свою карту. Maps builder также позволяет вам добавлять собственные маркеры, и даже отображать близлежащие места с помощью Google places.

3. WP Google Maps

WP Google Maps — еще один бесплатный плагин Google maps. Можно легко создавать карты путем указания адреса, получать маршруты, устанавливать маркеры и т.п.

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

4. WP Google Map Plugin

Еще один замечательный плагин для очень интерактивных карт Google — WP Google Map Plugin. В нем содержится огромное количество функций, позволяющих создавать красивые карты с большим количеством произвольной информации.

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

5. Google Maps Widget

Хотите быстро вывести карту в виджете сайдбара? Google Maps Widget позвоилт вам легко добавить Google Maps в свой садбар или любую другую область виджетов. Клик по карте откроет ее во всплывающем lightbox-окне в увеличенном виде. Также можно указать цвета меток или даже использовать свои изображения.

6. Basic Google Maps Placemarks

Хотите добавить карту Google на свой сайт со своими собственными метками? Basic Google Maps Placemarks позволит вам добавлять метки с адресом, назначать им категории, добавлять произвольные маркеры при необходимости.

Вы можете создать любое количество меток и вывести их все сразу на карте с помощью шорткодов. Также можно создавать рубрики для создания различных карт, отображающих различные локации и метки.

7. CP Google Maps

Здравствуйте, друзья блога сайт! Если вы на блоге указываете адрес своей компании, любимого бара или просто место встречи, для красоты и удобства восприятия рекомендуется приложить карту, на которой маркером отмечено это место. В этой статье я расскажу вам как быстро и просто добавить Google Map и Яндекс карту в WordPress.

Яндекс Карта — плагин Yandex Maps for WordPress

После активации, появляется отдельный пункт в панели администратора WordPress — Google Map. Настройки плагина разбиты на два раздела:

1. Shortcode Builder — генератор кода, который следует вставить в текст статьи или в виджет WP для отображения настроенной в этом разделе карты.

Рассмотрим опции этого раздела.

Basic Settings — основные настройки.

Width и Height — ширина и высота карты в пикселях.
Zoom — масштаб.
Map type — тип карты.
Alignment — выравнивание (расположение на странице).
Direction Hint — подсказка направления.
Map Language — язык.
Powered By — переводится как «Приведенный в действие», но назначение данной опции осталось для меня загадкой.

Map Controls — элементы управления. Можно оставить настройки по умолчанию.

Map Markers — ставим маркеры на карту.

Для этого выбираем внешний вид маркера, указываем адрес его расположения и описание. Как я уже говорил, русские адреса плагин не воспринимает, поэтому их следует вводит английскими буквами, если и это не помогло — посмотрите в интернете правильно английское написание. Если адрес введет корректно, плагин появится чуть ниже.

Что еще можно отображать:

Bike Paths — велосипедные дорожки.
Traffic Info — транспортную информацию.
Panoramio — фотографии местности.

Когда карта настроена и на нее нанесены все необходимые маркеры, нажмите на кнопку GENERATE SHORTCODE . Появится окошко с кодом, скопируйте его и вставьте в статью.

2. Settings — в этом разделе можно разрешить или запретить отображать опции генерации кода Google карты в редакторе WordPress (как это делается в плагине Yandex Maps for WordPress по умолчанию).

Кроме этого плагин создает AZ:: Google Map . Настройки его полностью идентичны рассмотренным выше.

Спасибо за внимание! Всех Вам благ!

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

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

Итак. Перед Вами 15 лучших Google Map плагинов для Wordpress для указания Вашего местоположения на картах Google.

WP Google Maps

Наиболее легкий в использовании плагин. Позволяет быстро и легко добавить карту Google в пост и/или на страницу Вашего блога . Никаких iFrames, или «магических заклинаний»! Идеально подходит для странички Контакты, отображения маршрутов движения , области обслуживания и т.п. Даже бесплатная версия позволяет добавлять произвольное количество маркеров, а уж возможности Pro-версии просто безграничны!

Google Maps Bank

WP Google Maps Bank самый простой и в то же время самый мощный плагин подобного рода из когда-либо созданных для Wordpress. Его Lite-версия позволяет создавать 2 карты, 5 маркеров, 1 полилинию и 1 полигон. Есть возможность вывести панораму Google Street View . Для добавления на страницу используется простой код.

Advanced Google Maps Plugin

Это, пожалуй, самый «навороченный» плагин. Он позволяет создавать неограниченное количество отдельных зон на локациях и назначать каждой зоне дополнительную информацию (номера телефонов, факсов, email и т.п.). Возможен импорт данных из csv, exel, json и xml.
Стоимость плагина: 28$

Google Maps Travel Route

Google Maps Travel Route идеально подходит для отображения карт с маршрутами движения или путешествий. Добавление, удаление и редактирование локаций производится в панели управления. Позволяет добавить карту как на страницу, так и в пост, а также в боковую панель.

Responsive Google Maps

A responsive Google map позволяет не только добавлять множество маркеров на одной карте, но и создавать несколько карт на одной странице. Имеет полноэкранный режим и возможность объединять маркеры в кластеры. Легок в установке. Генерирует простой и понятный код для вставки. Создали карту, добавили локацию, скопировали сгенерированный код на страницу и - вуа-ля!
Стоимость: 17$

Basic Google Maps Placemarks

BGMP создает отдельные посты для маркеров. Вставка на страницу также осуществляется при помощи шорткода. Имеются дополнительные опции, отвечающие за отображение карты на странице. Маркерам можно назначать различные , при клике на которых во всплывающем окне отображается заголовок маркера и его описание.

WiLD Google Maps

WiLD Googlemap - плагин, который позволяет задавать различные типы карт и их размер. Позволяет создавать несколько карт на странице и неограниченное количество маркеров на каждой из них. Просто посмотрите пример и вы оцените его широкие возможности.
Стоимость: 17$

Ultimate Google Maps

Плагин Ultimate Google Maps от Inceptive Design Labs позволяет легко управлять созданием и размещением карт Google на Вашей странице. Поддерживает различные типы карт, задание траекторий и маркеров.
Стоимость: 19$

Leaflet Maps Marker

В дополнение к стандартным для подобных плагинов функциям плагин Leaflet Maps Marker поддерживает группировку маркеров на различных слоях и различные типы карт. Leaflet Maps Marker-это Ваша персональная Geo-CMS с высоким уровнем защиты.

Google Maps Generator

Изюминка этого плагина-визуальное создание карт без единой строчки кода. Включает семь различных скинов, придающих Вашей карте уникальный внешний вид и позволяет настраивать цветовую гамму (стилизировать) Вашей карты.
Стоимость: 19$

Google Maps Easy

Девиз данного плагина-«Создай карту в блоге за одну минуту». Маркеры с ассоциированным текстовым или медиа-материалом, открытие карт во всплывающем окне или специальном виджете. Прекрасно подходит для страниц с контактными данными, маршрутами, зон обслуживания компаний по доставке пиццы и многое другое.

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

Вы знали, что Google Maps также можно интегрировать в сайты?

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

Также можно прикреплять до 10 фотографий предприятия. Таким образом, потенциальные клиенты смогут составить мнение о том, как ресторан выглядит внутри и снаружи.

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

При помощи Maps Marker можно легко закреплять, назначать и делиться любимыми местами и маршрутами через сайт на WordPress. Можно использовать карты из OpenStreetMap, Google Maps, Google Earth, Bing Maps или прочих карт. Дополнительно можно отображать места и маршруты оригинальными способами (например, для гаджетов в стиле дополненной реальности).

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

Добавляйте новые посты с отображением локациий при помощи нового custom post Location. Вставлять карты в посты и на страницы можно при помощи шорткодов. Интерфейс карты отображает ближайшие локации и позволяет осуществлять поиск с автозаполнением и фильтром по свойствам. Можно добавлять любое количество фильтров.

Усовершенствованный Store Locator позволяет добавлять и управлять всеми локациями и связанной с ними информацией. Также с ним легче найти и отметить магазины и предприятия на карте Google. Плагин имеет 2 режима отображения: либо страница с магазинами на карте Google, либо список.

Easy2Map – это простой и действенный инструмент для быстрого создания индивидуальных карт Google для постов и страниц. Интерфейс по принципу drag"n"drop позволяет создать карты с одним и более маркерами, выставить размер карты, степень приближения и местность. Затем карту можно бросить на любую страничку или в пост, используя короткий код . Любая страничка или пост, которые содержат короткий код, будут отображать карту и ее маркеры.

NextGEN Gallery Geo – это легко поддающийся настройке плагин, отображающий красивые карты с вашими фотографиями при помощи EXIF-данных или геокодирования. Чтобы им пользоваться, потребуется плагин NextGEN Gallery.

С этим плагином пользователи могут с легкостью добавлять метаданные локации (широта, долгота) на страничку, в пост или в custom post type. Этот плагин добавляет блок для ввода мета-данных Google Maps в редактор поста. Чтобы сохранить метаданные локации для поста, нужно просто перетащить и установить маркер на карту.

CP Google Maps позволяет вставлять карты Google в пост или любой другой шаблон в WordPress, содержащий более одного поста.

На картах Google, публикуемых отдельным постом, маркер отображается в той позиции, которая указана в связанных с постом данных о геопозициях. Маркеры последних постов, опубликованных в подобных категориях, также будут отображаться. Количество маркеров на картах Google Maps может быть установлено в настройках плагина.

WP Geo – это плагин для использования Google Maps на платформе WordPress, который позволяет с легкостью соотносить локацию с картой или страницей. Редактируя пост или страницу, можно устанавливать физическую локацию для поста и с легкостью вставлять код карты Google.

Для ввода этот плагин использует GPX-файл для отслеживания проделанного маршрута, а при выводе он показывает карту с маршрутом и интерактивную диаграмму изменения высоты (при наличии изменений).

Этот плагин позволяет с легкостью вставлять Google Map или Google Earth Plugin Maps в блог. Поддерживает filelink KML, KMZ, GPX и geoRSS.

Feedgeorge – это платформа, с помощью которой можно разыскивать, создавать и публиковать новости, информацию и данные о разных местах. Он собирает данные о локациях на одну платформу. В помощь опытным юзерам-геотеггерам на WordPress мы представляем Feedgeorge WordPress Plugin (FGWPP).

Анализируйте поведение посетителей, оптимизируйте сайт и повышайте уровень конверсии и продаж. Однажды этот плагин назвали «швейцарским армейским ножом для сайтов WordPress». Смотрите статистику кликов на Heatmap, Facebook, Twitter и других ресурсах.

BGMP создает custom post type для меток (маркеров) на карте Google. Карта вставляется на странички и в посты посредством короткого кода, а также здесь есть настройки, влияющие на то, как она будет выглядеть. Вы можете создавать маркеры, которые отобразятся на карте, а также назначать им иконки через метабокс Featured Image.

Этот плагин позволяет добавлять один или более планировщиков маршрутов на основе карт Google, чтобы помочь вашим пользователям найти определенное место (например, сайт вашей компании). Плагин интегрируется с Route Planner (планировщиком маршрутов) на основе карт Google для WordPress. Обзор плана может быстро и просто адаптировать под ваши требования и нужды. И конечно же, есть возможность создать более одного планировщика маршрута (например, для поиска заведений).