Коллекция плагинов для интерактивных карт на сайте WordPress

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

Полезно: JavaScript и Flash – что лучше?

Google Maps

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

  • быструю установку;
  • удобный поиск на карте;
  • легкий способ поделиться полной контактной информацией и рабочим временем;
  • более 20 предопределенных типов значков, а также возможность создания собственного;
  • 5 слоев карты Google Map;
  • 4 типа карты: гибридная, рельефная, дорожная и спутниковая;
  • более 50 маркеров локаций;
  • три типа анимации маркера;
  • перенаправление адреса ссылки для каждого кликабельного маркера;
  • автоматическое построение маршрута от точки расположения посетителя;
  • широкий выбор настроек и внешнего вида карты.

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

MapSVG

Последний модуль картографирования MapSVG объединяет в себе векторные карты, карты изображений и карты Google. Плагин позволяет выполнять импорт SVG файлов из Adobe Illustrator, а значит вы можете создавать собственные карты, например, план этажа или любое другое изображение. Также можно импортировать JPEG / PNG картинка или пользоваться встроенными инструментами для рисования.

В состав входит более 100 стран интерактивных векторных карт, среди которых США, Испания, Германия, Нидерланды и другие.

MapSVG предоставляет возможность создавать собственные объекты для отображения на картах, для этого есть настраиваемые поля:

  • текст;
  • изображение;
  • радио;
  • флажок;
  • дата;
  • выбор и другое.

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

Полезно: лучшие темы WordPress для каталогов и превью

Interactive World Maps

Еще один премиальный плагин для интерактивных карт называется Interactive World Maps. Он открывает большие возможности для создания карт континентов, стран и регионов, позволяя устанавливать интерактивные и цветные маркеры. Модуль отличается огромным количеством полезных опций. В его состав включены:

  • карты всего мира;
  • континенты и субконтиненты;
  • страны;
  • страны с разделением на регионы;
  • штаты США;
  • США с разделением на мегаполисы.

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

С помощью Interactive World Maps можно создавать интерактивные области с всплывающими подсказками или действиями по клику в активно области.


Плагин позволяет добавлять карты в абсолютно любом месте сайта, будь то сообщения, страницы или виджеты боковой панели. Модуль является полностью отзывчивым и адаптивным, а значит будет одинаково красиво и удобно отображаться на всех устройствах. Начиная с версии 1.4 плагин использует jQuery для проверки размера окна и допустимого пространства. Среди настроек визуализации карт есть:

  • фоновый цвет;
  • цвет неактивных регионов;
  • размер маркеров;
  • ширина и цвет рамки;
  • ширина и высота карты;
  • индивидуальные цвета для каждой области.

Google Geochart API по умолчанию не предоставляет некоторые функции, которые предоставляет плагин. Это возможно за счет того, что в нем имеется Custom CSS Generator. Теперь вы сможете изменять цвета при наведении курсора, использовать в качестве маркеров значки и изменять цвет границ.

Image Map Pro

Image Map Pro представляет собой конструктор карт для сайтов WordPress. С ним вы можете размещать локации, добавлять текст и создавать полные наборы настраиваемых карт из изображений, контактов, многоугольников и других элементов. Пользовательский интерфейс модуля максимально понятный и удобный. Теперь вы можете удобно перетаскивать элементы, а также получите доступ к привычным значкам и инструментам. Для новичков предусмотрено четкое пошаговое видео-руководство, с которым вы точно легко разберетесь во всех мелочах.

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


В составе модуля индивидуальный конструктор контента Squares, позволяющий добавлять самый разный контент во всплывающие подсказки:

  • видео;
  • изображения;
  • кнопки;
  • Youtube и многое другое.

Вы можете разместить свою информацию в 12 колоночной сетке в стиле Bootstrap. Ограничивается все лишь вашей фантазией.

Image Map Pro – это единственный плагин, в котором можно рисовать произвольные многоугольники. Для максимальной точности можно увеличить масштаб карты.

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

Полезно: Топ-7 бесплатных плагинов WordPress для виджета погоды

Map List Pro

С модулем Map List Pro вы сможете за считанные минуты добавить на свой сайт карту и указатели магазинов. Плагин максимально прост в использовании, но при этом обладает богатым функционалом. С ним посетители смогут увидеть все ваши местоположения в виде разбитого на страницы списка, в которой есть сортировка, фильтр и поиск. Разработчики предложили более 35 готовых стилей, которые вы можете в любой момент изменить под дизайн своего ресурса. Плагин хорошо оптимизирован и является адаптивным, благодаря чему совместим с множеством шаблонов.

Map List Pro предлагает множество полезных и удобный функций, среди которых:

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

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

Hero Maps Premium

С плагином Hero Maps Premium вы сможете быстро и легко добавить карты Google Maps на свой сайт, созданный на базе WordPress. Модуль предусматривает обширные настройки конфигурации, возможность совмещать все ваши маркеры на одной карте, а интерфейс создания новых точек максимально прост – все можно перетаскивать мышкой. В зависимости от ваших дизайнерских решений, вы можете переключаться между полной шириной карты или фиксированным размером.

Hero Maps Premium полностью отзывчивый и адаптивный, вы можете сами настроить то, как он будет отображаться на том или ином устройстве. Весь контент на карте можно фильтровать и распределять по группам. Вам будет доступно три набора маркеров во множестве цветов, а также вы можете загружать свои собственные варианты. Плагин не зря славится своей гибкостью в плане настроек. На любой карте можно рисовать свои собственные линии и фигуры, изменять и добавлять функции с Google API и даже добавлять CSS стили своего сайта или разрешать события обратного вызова JS.


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

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

Полезно: обязательные плагины WordPress – Топ-7 для любого сайта

Progress Map

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

Все точки буду отображаться клиентам сразу в двух видах: маркерах на карте и в виде карусели, которые взаимосвязаны между собой. Таким образом, пользователям будет проще ориентироваться во всех объявлениях и искать нужную информацию. Чтобы добавить местоположение на карту, достаточно загрузить координаты своего офиса в форму на странице «Добавить сообщение».


Стоимость плагина составляет 59$, за которые вы получаете качественный функциональный программный продукт, техническую документацию, все последующие обновления и профессиональную поддержку. Progress Map – это инновационный плагин, где вы найдете все, что вам нужно. В нем содержатся уникальные функции и бесконечные возможности по настройке. Разработчики уделили внимание каждой детали, а регулярные обновления позволяют модулю становится лучше и лучше. Плагин позволит вашему сайту перейти на совершенно новый уровень.

Advanced Google Maps

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

Чтобы настройка карт была более быстрой, предусмотрен импорт CSV файлов.

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


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

Полезно: как добавить ваш сайт WordPress в поиск Яндекс

Interactive Map Builder

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

Interactive Map Builder способен отображать карты мира, континентов, субконтинентов, стран и регионов. На выбор представлено более 200 стран, среди которых наиболее востребованные Канада, США, Франция, Великобритания, Китай, Италия и другие. Вы можете устанавливать различные режимы, выделяя регионы и добавляя маркеры. Дополнительную интерактивность карте можно добавить с помощью всплывающих подсказок, становящихся видимыми при наведении на определенную область или значок. Для таких информационных полей можно задавать свой стиль, размер и цвет шрифта. В новой версии плагина можно добавлять HTML подсказки, а также хранить для них стили CSS.


Модуль предусматривает использование шаблонов, которые позволяют:

  • отображать небольшую диаграмму внизу карты;
  • открывать ссылку при нажатии на маркер;
  • открывать изображения;
  • показывать HTML;
  • показывать ссылку;
  • воспроизводить свой собственный шаблон, написанный с использованием HTML, CSS и JS.

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

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

Advanced Google Maps

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

Модуль обойдется вам всего в 9$, а предварительный просмотр пользовательской и административной части помогут убедиться в том, подходит ли вам Advanced Google Maps или нет. Среди функций плагина можно отметить централизованную панель управления, пользовательские маркеры, несколько мест на карте, возможность прокладки маршрута, а также готовность к переводу на другие языки. Расширенные настройки модуля позволят идеально встроить виджет на сайт в любом удобном месте. Вы можете задавать цвета, шрифты и стили, чтобы карта смотрелась общей частью темы. Адаптивность плагина и кросбрузерная совместимость делают его оптимальным для использования для всех типов устройств.


Заключение

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