Карты для wordpress. Яндекс карты для WordPress. Нужны ли вам карты

Здравствуйте, друзья блога сайт! Если вы на блоге указываете адрес своей компании, любимого бара или просто место встречи, для красоты и удобства восприятия рекомендуется приложить карту, на которой маркером отмечено это место. В этой статье я расскажу вам как быстро и просто добавить 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 . Настройки его полностью идентичны рассмотренным выше.

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

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

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

Вот 10 бесплатных плагинов WordPress, которые позволят вам как добавлять, так и расширять функциональность карты на вашем сайте:

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

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

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

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

SO Mobile Widget Map оптимизирован для использования с мобильными устройствами. Он отобразит статичную карту Google с выровненным центром в нужном месте. Когда вы нажимаете (или постукиваете), Google Maps открывается. Затем пользователи могут заполнить свое текущее местоположение, чтобы получить указания.

Сделайте ценный вклад в карты от вашего онлайн-сообщества с помощью: CM Maps Routes Manager. Пользователи могут рисовать свои собственные маршруты на карте, а также добавлять интересные объекты и фотографии. Включите пешеходные, велосипедные, маршруты вождения и многое другое. Карты можно искать по местоположению или категориям.

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

WP Design Maps & Places не является стандартным плагином для отображения, поскольку он нацелен на обеспечение гораздо более высокого уровня настройки. Вы сможете самостоятельно разработать карту, которая будет соответствовать установленному внешнему виду вашего веб-сайта. Вы также можете выбрать, использовать или нет данные геолокации, предоставляя дополнительные возможности.

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

Используйте GeoDirectory - Directory Plugin, чтобы создать глобальный (или региональный) бизнес-каталог или каталог для вашего веб-сайта. Плагин поддерживает импорт и экспорт CSV-файлов, что позволяет быстро создавать каталоги.

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

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

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

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

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

Вывод

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

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

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