Точку на карте в вордпресс. Яндекс карты для 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 и вывести их на карту.

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

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

У Яндекса в этом плане дела выглядят поскромнее. Плагинов существует совсем мало. Впрочем, это не столько проблема Яндекса, сколько разработчиков плагинов. Отечественных, понятное дело.

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

Добавление Яндекс карты для WordPress

Для чего может понадобится интерактивная карта на вашем сайте, я думаю и так всем понятно. Конечно, в первую очередь это различные схемы проезда и прохода. И Гугл и Яндекс уже давно позволяют своим пользователям использовать специальные конструкторы создания карт. Найти такой конструктор для Яндекс карты можно вот . Создавать карту следует под своим аккаунтом для того, что иметь потом возможность её отредактировать.

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

После того как вы справились с рисованием, не забудьте ввести название своей карты. Потом жмакаем на большую желтую кнопку — «Сохранить и получить код». Внизу, в строке появится код который вам нужно скопировать в буфер обмена (CTRL+C) и потом вставить(CTRL+V) на нужную страницу или пост вашего сайта. Только учтите, что перед тем как вставить код, следует переключить визуальный редактор сайта в текстовый режим. Тут же, после вставки, в тексте кода можете подправить размер окна с картами если требуется.

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

Плагины добавления Яндекс карт

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

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

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

Единственный премиум плагин который мне удалось сыскать на тему карт от Яндекса. Плагин будут полезен всем кому надо создавать карты с многочисленными метками и описаниями к ним. Умеет делать:

• Выбор элементов управления
• Задавать размеры карты
• Задавать тип карты
• Добавлять любое число меток
• Показывать текст на иконке и в подсказке
• Выводить ссылки

Что именно использовать на своем сайте — Яндекс или Гугл карты пусть каждый решает сам. На мой субъективный взгляд, Гугл карты хороши для сложной работы ввиду того, что к ним есть масса специализированных программ и плагинов для WordPress. Ну а для быстрого вывода например, схемы проезда в отечественных городах отлично сгодится и Яндекс.

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

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

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

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

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

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

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

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

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

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

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

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

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

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