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

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

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

Пятерку наилучших Google карт-плагинов открывает хорошо всем известный плагин от компании Huge-IT, Google Maps . Эта карта сразу привлекает к себе внимание большим количеством позитивных , которые на самом деле доказывают, что модуль один из наилучших. Естественно, не только опираясь на эти отзывы, можно так сказать.

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

Собственная иконка на маркере.
Дополнительная ссылка на полигоны.
Окружные выделения на карте.
Легкость управления и пользования.
Поддержка просмотра улиц.
Коррекция карты по ширине, степени приближения и т.д.

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

Написан чистым javascript-ом, никакого jQuery и очень хорошо совмещается с мобильными устройствами и другими гаджетами, благодаря высокой подвижности и совместимости с маленькими размерами экранов.

Список наиболее ярких функций:

Отрегулирование высоты и ширины карты.
Высокая адаптивность.
Автоматическая централизация карты в зависимости от размера экрана.
Отрегулирование цвета границ.
Вкл/выкл контролеров на карте.

3. Google Maps Bank

Следующий в списке Google Maps Bank . Этот плагин сравнительно легок в использовании. Пошаговые настройки всегда легко осваиваются даже самому неопытному пользователю. И буквально за несколько минут я создала замечательную карту для моего сайта. Модуль оснащен возможностями детального преобразования карты. Функциональность основана на ajax-е и здорово то, что Google Maps Bank можно использовать в случаи многоязычных сайтов.

Список основных особенностей:

Создание карт с помощью 7-Шаговой инструкции.
Удобный пользовательский интерфейс, основанный на функциональность ajax.
Супер прост в использовании.
Многоязычный плагин.

Google Map with FancyBox Popup плагин позволяет добавить карту Google в всплывающем окне. Это отличное решение для демонстрации местонахождения вашего бизнеса или же ваш личный адрес на Google Map. Модуль использует jQuery и скрипт FancyBox чтобы открыть всплывающее окно. Оно откроется при нажатии на адрес местонахождения.

Возможности плагина:

Легкий JQuery (расширение FancyBox).
Карта Google в всплывающем окне.
Приспособлен к работе на мобильных устройствах.
Легко управляемый бэкэнд.
Поддержка локализации.

На последнем месте от TechGasp. Мне понравился этот продукт из-за хорошей мобильной адаптивности, широкие возможности внутреннего интерфейса для настройки отображения карты, я также смогла разместить свой логотип на карту. Но причина, по которой он на последнем месте моего списка та, что плагин имел некоторые ограничения, такие как возможность добавления всего 12 маркеров на карте. В остальном, с точки зрения качества отображения и его возможностей, модуль может привлечь внимание.

Возможности:

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

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

Информация об авторе. Я Мария Филаткова, 26 лет. Моя основная деятельность -создание различных вебсайтов для себя и своих заказчиков. Помимо этого, уже в течении 3 лет я активно занимаюсь блоггингом, и в достигла достаточно высоких навыков. Тематика моих блогов в основном это дизайны веб сайтов, грамотное программирование и множество различных блогов-помощников для начинающих веб программистов.

На сайт без использования плагинов. Так же, я расписал на каких сайтах могут применяться те или иные виды карт и привел примеры Яндекс карт для разработчиков с расширенным функционалом. Поэтому, в этой статье я лишь сделаю обзор 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).

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

С помощью 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. Обзор плана может быстро и просто адаптировать под ваши требования и нужды. И конечно же, есть возможность создать более одного планировщика маршрута (например, для поиска заведений).

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

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

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

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

Размещение через Yandex API

Вывод

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

Карты Google — это отличный сервис для отображения местоположения вашего бизнеса на различных сайтах. С помощью плагинов Google Maps для WordPress вы сможете вставлять на веб-страницы Google Maps через Google Maps JavaScript API .

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

1. WP Google Maps

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

Бесплатная версия WP Google Maps позволяет создать карту Google с маркерами, а профессиональная версия позволяет сделать гораздо больше!

2. Google Maps Bank

Google Maps Bank Lite Edition позволяет создавать не более двух интерактивных карт, пяти маркеров, один маршрут и один многоугольник. Быстро и просто добавляйте настроенные карты в записи и на страницы WordPress с помощью прилагаемого шорткода.

3. Advanced Google Maps Plugin

Вы можете добавлять любое количество полей в описание местоположения и отображать их в InfoWindow . Например, факс, телефон, электронная почта, веб-сайт и т.д. Импорт данных из CSV , Excel , JSON и XML .

4. Google Maps Travel Route

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

5. Responsive Google Maps

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

6. Basic Google Maps Placemarks

BGMP создает пользовательский тип записей для меток (маркеров ) на карте Google . Карта встраивается на страницы или в записи с помощью шорткода. Формат отображения можно настроить с помощью специальных параметров. Вы можете создать маркеры, которые будут отображаться на карте, и установить для них иконки с помощью метабокса «Featured Image «. Когда пользователь нажимает на маркер, открывается окно, в котором выводится название и описание маркера.

7. WiLD Google Maps

WordPress — плагин, который позволяет создавать и управлять Google Maps на сайте! На сайте плагина вы можете найти примеры того, как он работает. Вы также можете управлять типом карты, ее размером и набором команд в интерфейсе. Можно разместить несколько карт с неограниченным количеством маркеров.

8. Ultimate Google Maps

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

9. Leaflet Maps Marker

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

10. Google Maps Generator

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

11. Google Maps Easy

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

12. Google Maps Editor

Google Maps Editor для WordPress позволяет создавать красивые карты через текстовый редактор WordPress . Имеет 5 встроенных стилей интерактивных карт.

13. Google Maps Master

Это идеальный плагин для отображения местоположения компании на карте Google . Реализованы параметры для настройки отображения карты, адреса сайта, электронной почты, номера телефона, города и страны. Также вы можете вывести на карте свой логотип, аватар, изображение или фото.

14. Cartogram

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