Плагин google maps для wordpress. Проблемы при использовании API Яндекс.Карт и их решения. Добавляем Google Map в WordPress

Разместить на своем сайте карту со схемой проезда к вашему офису не сложно, это делается буквально в несколько кликов. И об этом уже написано множество статей и инструкций.


На данный момент самые популярные геоинформационные сервисы - это по-прежнему карты Google и Яндекс . Ну, может быть, еще 2ГИС и GeoMixer.

Все популярные сервисы имеют свой собственный API с очень даже широкими возможностями. Используя который, можно создавать вполне приличные и очень полезные геоинформационные веб-приложения. В вашем распоряжении подробнейшая картографическая основа с не менее подробной информационной базой. Сфера применения геоинформационных сервисов очень широка. Начиная от банального размещения каких-то объектов на карте местности до геолокации и отслеживания перемещений объектов в реальном времени. Да, сегодня это вполне тривиальные задачи, без которых современная логистика уже вряд ли сможет обойтись.

В отличие от российских конкурентов, Google Maps - сервис международного масштаба, абсолютный лидер в своей области.

Карты Google (англ. Google Maps; ранее Google Local) - набор приложений, построенных на основе бесплатного картографического сервиса и технологии, предоставляемых компанией Google.

Естественно, все самые интересные геоинформационные плагины для WordPress разрабатываются исключительно на базе Google Maps. Поэтому, мы будем рассматривать плагины лишь в его контексте.

1. MapPress Easy Google Maps

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

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

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

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

Простой виджет Google Maps, который без лишних движений просто выведет в сайдбаре вашу карту.

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

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

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

Начать обзор премиум-плагинов будет логично с расширения для популярного конструктора контента для WordPress - . По заверениям разработчиков, в этом плагине задействована вся мощь API Google Maps, и на данный момент плагин является лидером в этом плане.

Простая в использовании полнофункциональная карта Google с 35-ю встроенными темами оформления, которая позволит быстро вывести на карту ваши объекты. Например, сеть ваших магазинов, офисов и т.д.

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

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

Еще один очень мощный и весьма полезный плагин из серии вывода на карту списка объектов. Например, списка филиалов магазина, отелей, объектов недвижимости, ресторанов, списка вакансий и т.д.

Самый продаваемый плагин Google Maps с минимумом функций и максимумом удобств.

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

Простой и удобный плагин внедрения карт Google в WordPress с поддержкой адаптивного дизайна.

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

1 голос

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

Если вы создаете портал для какой-то компании, то не лишним будет показать людям где находится заведение, о котором вы рассказываете. Вы поговорим про плагин Яндекс карты для WordPress и вы поймете стоит ли им пользоваться или есть вариант лучше и проще.

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

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

Однако, если говорить непосредственно о плагинах, то их у Яндекса в разы меньше, но так ли они нужны? Может все-таки дело в том, что ресурс настолько удобен, что в отличие от Гугловских продуктов они просто не нуждаются в дополнительном упрощении?

Давайте это выясним.

Нужны ли вам карты

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

Что вы представляете, услышав о улице Ленина, которая есть практически в каждом городе? Памятник, близлежащую школу или очередной «Перекресток»? Люди нуждаются в подобных уточнениях, они хотят быть уверены, что точно понимают куда их зовут. Никто не хочет терять время.

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

Добавление вручную: простота или лишние проблемы

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

Вводите в поисковую строку адрес, на который будет указывать метка, нажимаете «Найти» и она сразу появляется на карте.

Можно выбрать свой цвет и тип метки.

В центр без труда устанавливается иконка. Осталось только добавить свое описание, если это необходимо и нажать «Готово».

После этого вы можете вводить и другие адреса. Снова нажимать «найти» и метки будут добавляться на эту карту. Нажав на них вы можете перемещаться между метками и удалять их.

Описание можно ввести и в названии самой карты. Осталось только «Сохранить и продолжить».

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

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

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

Ничто лучше не покажет вашу работу заказчику, чем реальные обращения от клиентов. Как и Яндекс.Карты установить эту опцию можно проще простого. Для этого есть сервис Callbackkiller (https://callbackkiller.com ). Через него можно говорить и тогда вам придется оплачивать минуты разговора, а можно просто получать письма на почту. И это совершенно бесплатно.

Я желаю удачи в ваших начинаниях. До новых встреч.

Вы ищете способ добавить 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

На сайт без использования плагинов. Так же, я расписал на каких сайтах могут применяться те или иные виды карт и привел примеры Яндекс карт для разработчиков с расширенным функционалом. Поэтому, в этой статье я лишь сделаю обзор 2 популярных WordPress плагинов карт для Яндекса и для Гугла .

Yandex Maps for WordPress – встроить карту на сайт легко!

Yandex Maps for WordPress – плагин Яндекс карт, который с легкостью позволяет встроить в запись или на страницу сайта интерактивную карту.

Скачать Вордпресс плагин Яндекс карт можно тут: http://wordpress.org/plugins/yandex-maps-for-wordpress/ , либо установить сразу из консоли WP , воспользовавшись встроенным поиском плагинов.

Для того, чтобы карта работала на сайте, необходимо получить API-ключ. Сделать это можно тут:

Все что нужно – это ввести адрес сайта, на котором будет использоваться ключ. Если используете локальный сервер (Денвер), то вводите соответствующий локальный адрес. Однако, не забудьте после установки на хостинг, получить новый ключ.

Подтвердите, что ознакомились с пользовательским соглашением и нажмите «Получить API-ключ».

Этот ключ необходимо скопировать и вставить в подтверждающее окно и нажать «Применить»:

Вот собственно и все, WordPress плагин Яндекс карт полностью готов к работе.

Теперь можно зайти на страницу или в запись и вы увидите поле вставки Яндекс карты.

Location Name – заголовок точки (маркера).

Address – указание адреса маркера.

Location Description – описание.

Map Width – ширина карты в пикселях.

Map Height – высота карты.

Enable Zoom/Pan Controls – опции приближения, панели управления.

Enable Map Type Controls (Map, Satellite, or Hybrid) – включить возможность переключить на карту гибрид или сателлит.

Вот такая карта получится на выходе:

Как по мне, я бы отказался от плагина и просто вставил код карты на сайт. Это позволяет сделать более гибкие и широкие настройки.

Вставляем карту Google в WordPress с помощью плагина

MapPress Easy Google Maps – WordPress плагин Гугл карт.

Установив данный плагин можно без труда добавить на сайт Google карту .

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

Жмем «New map» :

В поле Map Title задаем заголовок карты.

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

Add POI – задаем местонахождение, точку, где будет расположен маркер. Достаточно просто ввести в это поле нужный адрес. Например: Славутич, Белый ангел .

Точек можно задать сколько угодно.

При нажатии на маркер, откроется окно редактирования:

Можно красиво оформить текст, который будет отображаться с помощью встроенной панели форматирования.

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

И что очень приятно - есть режим редактирования HTML.

В общем, WordPress плагин Google карт определенно предоставляет больше возможностей, нежели плагин Яндекс карт.

После того, как закончили делать основные настройки, нужно сохранить карту (save) и вставить в запись (insert into post).

Вот такая симпатичная карта получилась:

Плагин позволяет встраивать Яндекс.Карты в ваши записи и страницы в WordPress. В отличии от Google Maps, это позволяет вставлять карты больших городов Украины и России.
В картах можно включать либо выключать кнопки увеличения, миникарту и переключения вида карты. Требуется PHP5. Есть поддержка WordPress MU.

Установка:

1. Скачайте плагин, и скопируйте в /wp-content/plugins
2. В странице администрирования блога, зайдите в раздел Plugins и активируйте модуль
3. Вверху страницы появится сообщение о том, что необходимо ввести API-ключ. Его можно получить по адресу

Использование:

1. Зайдите в создание записи или страницы
2. Внизу, под полем ввода текста появится новая панель “Yandex Maps for WordPress”
3. Заполните поля, причём
* Location name - заголовок сообщения, которое появится рядом с точкой на карте
* Address - адрес, в который небоходимо вставить точку
* Location Description - тело сообщения, которое появится рядом с точкой на карте (можно использовать HTML, но не стоит использоват одиночную ковычку)
* Map width \ height - размер карты
* Enable Zoom/Pan Controls - показывает элементы управления картой
* Enable Map Type Controls (Map, Satellite, or Hybrid) - показывает элементы управления типом карты (улицы, спутниковая, гибрид)
4. Нажмите на кнопку “Send to map editor”

Статьи по теме: