Плагин Яндекс.Карты для WordPress. Пять лучших плагинов WordPress для отображения карт Google

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

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

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

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

Google Maps BankWP 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 RouteGoogle Maps Travel Route идеально подходит для отображения карт с маршрутами движения или путешествий. Добавление, удаление и редактирование локаций производится в панели управления. Позволяет добавить карту как на страницу, так и в пост, а также в боковую панель.

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

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

WiLD Google MapsWiLD 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Девиз данного плагина-«Создай карту в блоге за одну минуту». Маркеры с ассоциированным текстовым или медиа-материалом, открытие карт во всплывающем окне или специальном виджете. Прекрасно подходит для страниц с контактными данными, маршрутами, зон обслуживания компаний по доставке пиццы и многое другое.

Друзья, ранее мы уже писали о том, как вставить Яндекс.Карту на WordPress сайт, но после обновления некоторых функций в Яндексе, старый метод оказался не актуальным. Поэтому мы решили написать новую инструкцию, с помощью которой вы сможете добавить Яндекс.Карту на ваш WordPress сайт, например на страницу контактов.

Услуга: Установим Яндекс.Карту на Ваш сайт

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

Создание Яндекс.Карты для сайта

Чтобы разместить карту проезда на WordPress сайта, для начала ее нужно создать в конструкторе карт . Создать карту очень просто, поэтому нет смысла описывать этот процесс.

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

Вставляем Яндекс.Карту на WordPress сайт

Вставить статическую карту в страницу WordPress значительно проще, чем интерактивную. Потому что статическая карта, это ничто иное, как обычное изображение нужной карты. Интерактивная карта формируется с помощью JavaScript скрипта и является более удобной для пользователя.

Вставляем статическую карту на страницу WordPress

Чтобы вставить статическую Яндекс.Карту на страницу сайта, выберите этот пункт из предложенных вариантов и скопируйте сгенерированный код.

Затем, в Админке WordPress, и в режиме редактора "Текст", вставьте полученный ранее код в текстовое поле страницы.

Выглядеть это должно примерно как на рисунке ниже.

Вставляем интерактивную Яндекс.Карту

Для вставки интерактивной Яндекс.Карты на WordPress сайт потребуется создать новый шаблон страницы и внедрить JavaScript код прямо в этот шаблон в нужное вам место. Предположим, нужно разместить интерактивную карту на странице контактов сразу после основного контента. В таком случае, нужно создать файл page-contact.php и наполнить его примерно таким кодом: