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

Что такое плагины карт

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

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

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

• Фильтр и параметры поиска
• Кластеризацию
• Просмотр улиц
• Пользовательские значки и маркеры
• Анимации
• Масштабирование и панорамирование.

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

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

Лучшие платные плагины карт для WordPress

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

1. Maps Marker Pro

Maps Marker Pro – это мощный, многофункциональный плагин карт. Это хороший вариант, если вы хотите обеспечить высокий уровень контроля и настройки внешнего вида и функциональности ваших карт. Хотя это не самый удобный плагин карт для новичков в этом списке, он, безусловно, один из самых динамичных. Он имеет длинный список функций с множеством доступных расширенных опций, а также множество инструментов для настройки ваших карт. Функции Maps Marker Pro включают в себя:

• Неограниченное количество карт и маркеров
• Внешние фильтры и категории маркеров
• Инструменты для рисования прямо на ваших картах
• Поддержку нескольких картографических систем, включая Google Maps, Bing Maps, TomTom и OpenStreetMap
• Пользовательские значки маркеров
• Отображение местоположения посетителя в реальном времени
• Многоязычные карты и переводы
• GPX-треки для отображения метаданных маршрута
• Маркерную кластеризацию и фильтры.

Чтобы попробовать Maps Marker Pro, вы можете создать демо-карту на веб-сайте разработчика или загрузить бесплатную пробную версию. Если вы готовы приобрести его, у вас есть три тарифных плана на выбор, начиная от 42 долларов в год.

2. 5sec Google Maps PRO

5sec Google Maps PRO – это премиум-плагин карт, который позволяет легко добавлять карты на ваш сайт с помощью шорткодов или с помощью выделенного виджета. Это делает его отличным вариантом, если вы хотите, чтобы местоположение вашей компании было видно по всему сайту на боковой панели или в нижнем колонтитуле.

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

Другие функции 5sec Google Maps PRO включают в себя:

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

Чтобы лучше ознакомиться с его функциями и возможностями, вы можете посмотреть демонстрационные ролики на веб-сайте Web Factory. Если вы готовы купить его, у вас есть два варианта: базовая версия (13 долларов) или премиум-версия (20 долларов).

3. Hero Maps Premium

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

Возможности Hero Maps Premium включают в себя:

• Пользовательские маркеры и три цветных пакета
• Поддержку полноэкранных карт или карт фиксированной ширины
• Группировку и фильтрацию маркеров по категориям
• Множественное количество карт
• Темы карт
• Фильтр категории переднего края
• CSV-импорт и экспорт функциональности
• Особенности рисования фигур на картах
• Маркер анимации
• Кроссбраузерную совместимость.

Чтобы лучше ознакомиться с его функциями и возможностями, вы можете попробовать демо-версию Hero Maps Premium на веб-сайте разработчика. Плагин доступен всего за 20 долларов на CodeCanyon.

4. MapPress

Как и многие из плагинов карт, включенных в этот список, MapPress – это бесплатный плагин, который делает создание пользовательских гугл-карт быстрым и простым.

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

Функции MapPress Pro включают в себя:

• Более 100 стилей маркеров
• Карта “mashups” для объединения нескольких карт в одну
• Отображение направления на маркеры
• Список кликабельных отмеченных мест под картой
• Виджеты боковой карты
• Интеграция TurboCSV
• Возможность генерировать карты из содержимого пользовательских полей.

Чтобы протестировать демо-версию MapPress Pro, вам просто нужно зарегистрировать аккаунт. Если вы хотите приобрести этот плагин, у вас есть возможность двух лицензий. Базовая лицензия стоит $ 49,95 и может быть использована для пяти сайтов. Лицензия разработчика составляет $ 79,95 и может быть использована для до 25 сайтов. Оба включают один год обновлений и поддержки.

5. Mapplic

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

Примечательные особенности этого плагина интерактивной карты WordPress включают в себя:

• неограниченное количество ориентиров: локации с уникальными значками и различными действиями
• неограниченное количество этажей: поддерживаются несколько этажей без каких-либо ограничений
• глубокие ссылки: на каждое местоположение можно ссылаться по его собственному URL-адресу

6. Agile Store Locator

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

Некоторые особенности этого плагина включают в себя:

• настройка гугл-карт с наложением рисунка
• выбор внешнего вида карт из Snazzy Maps
• фильтр локатора магазинов по категориям для нескольких локаторов
• ограничение поиска в Google страной
• анимация маркера
• переключение между поиском Google и поиском по названию в локаторе магазинов

7. Super Store Finder

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

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

Другие особенности этого плагина:

• несколько макетов поиска магазинов на выбор
• функция полноэкранного просмотра улиц
• помеченные маркеры карт
• импорт или экспорт списка адресов с использованием формата файла CSV
• функция виджета поиска

Этот плагин совместим с плагинами Visual Composer, Cornerstone и языковых переводчиков, такими как WPML.

8. Progress Maps

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

9. Map List Pro

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

Плагин прост в использовании. Вам просто нужно нажать кнопку Map List Pro в редакторе, чтобы настроить и вставить список и карту. Вы можете выбрать вариант «только карта» или «только список». Вы можете разрешить пользователям выполнять поиск по тексту или местоположению. Вы также можете использовать геолокацию для определения направлений и расстояний до местоположения.

10. Simple Business Directory

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

Вы можете создавать указатели магазинов, каталоги местных ресторанов, каталоги местных продуктовых магазинов и т. д. Вы можете создавать платные объявления и собирать деньги с помощью PayPal и Stripe. Он также поддерживает кластеры маркеров карты. Этот плагин совместим со всеми темами и работает с Gutenberg, Elementor, WPBakery Page Builder, Beaver Builder и другими.

Лучшие бесплатные плагины карт для WordPress

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

1. Interactive Geo Maps

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

Этот плагин полезен широкому кругу профессионалов и фирм, от блогеров до агентов по недвижимости. Независимо от того, какую версию плагина вы устанавливаете, у вас будет доступ к ряду функций, которые вы можете использовать, чтобы адаптировать свои карты к вашим конкретным потребностям и предпочтениям. Interactive Geo Maps включают в себя:

• Неограниченное количество отзывчивых карт
• Расширенные возможности масштабирования
• Картографические проекции
• Цветные легенды и цветные маркеры с изменением цвета при наведении
• Создание картограммы (тепловой карты)
• Живые фильтры
• Подсказки и текстовые метки
• Развернутые карты.

Плагин Interactive Geo Map доступен в ограниченной бесплатной версии. Тем не менее, премиум-версия стоит всего $ 3,99 в месяц и включает расширенные функции, такие как возможность использования пользовательских изображений и векторных иконок в качестве маркеров. Существует также бесплатная 7-дневная пробная версия для премиум-версии, если вы хотите сравнить два варианта.

2. MapifyPro

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

Этот плагин, по сути, позволяет вам создавать свои собственные карты, используя при этом некоторые функции гугл-карт. Например, вы можете добавить функции масштабирования и панорамирования, а также указать направления для определенных маркеров. Функции MapifyPro включают в себя:

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

Мы рекомендуем вам ознакомиться с демо-версией MapifyPro на веб-сайте разработчика. Хотя доступна ограниченная бесплатная версия, всего за 19 долларов в месяц, платная версия стоит того, чтобы получить доступ ко всему набору функций.

3. MapSVG

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

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

Функции MapSVG включают в себя:

• Пользовательские стили гугл-карт
• Фильтры и ссылки на регионы
• Всплывающие подсказки и всплывающие окна для отображения информации
• Координаты широты и долготы
• Пользовательские дескрипторы событий
• Пользовательские поля объекта карты и создание формы
• Карты Choropleth для добавления вашей собственной статистики, такой как демография или отображение погоды
• Встроенный предварительный просмотр в панели управления приборной панели.

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

4. WP Google Maps Pro

WP Google Maps Pro, разработанный FlipperCode, представляет собой расширенный плагин гугл-карт, который предоставляет множество функций для настройки ваших карт. Он может даже показать сообщения, связанные с определенными местоположениями в основанном на карте показе. Этот плагин особенно стоит рассмотреть, если вам нужно отобразить несколько бизнес-мест. Например, это может быть особенно полезно для недвижимости, событий и университетских веб-сайтов. WP Google Maps Pro включает следующие функции:

• Неограниченное количество карт и маркеров местоположения
• Показ списков местоположений
• Маркерные ссылки для отображения обычных или пользовательских типов записей
• Внешние фильтры для пользователей
• Маркерные кластеры для областей с высокой плотностью
• Фильтры по категориям и радиусу
• Инструменты рисования нестандартной формы
• Расширенная интеграция пользовательских полей для отображения информационных окон
• Отображение нескольких маршрутов на одной карте.

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

5. WP Google Maps

Не путайте с WP Google Maps Pro, о котором говорилось выше, WP Google Maps – еще один популярный фримиум-плагин карт. Он позволяет вам быстро и легко добавлять гугл-карты на ваш сайт с помощью удобного интерфейса.

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

• Неограниченное количество маркеров
• 9 тем
• Адаптивные карты
• Полноэкранные карты
• Функциональность виджета карты
• Поиск магазина
• Анимация маркеров
• Множественное количество карт
• Направления к маркерам
• Описание маркеров на карте и ссылки
• Пользовательские значки маркеров
• Возможность показывать местоположение посетителей на карте.

Если вы хотите добавить только одну карту на свой сайт, вам может подойти бесплатная версия WP Google Maps. Вы можете добавить неограниченное количество маркеров на одну карту. Однако, если вы хотите добавить несколько карт, вам нужно будет купить премиум-дополнение, цена которого начинается с $ 39,99.

6. Google Maps Easy

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

Функции Google Maps Easy включают в себя:

• Маркерную кластеризацию и категории
• Информационные окна для отображения информации о местоположении рядом с каждым маркером
• Возможность добавить внутренние или внешние ссылки на маркеры
• Несколько стилей и тем карт
• Основные или карусельные списки отображения маркеров.

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

7. Google Maps Widget

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

Функции Google Maps Widget включают в себя:

• Пользовательские значки маркеров
• Многоязычные и переводимые карты
• Стили цветовой схемы карты
• Адаптивный макет
• Функциональность шорткода для включения карт в любом месте на вашем сайте
• Параметры размера и масштаба карты
• Пользовательские описания для маркеров карты.

Вы можете бесплатно загрузить Google Maps Widget из каталога плагинов на официальном сайте WordPress. Однако если вы обновитесь до версии Pro, вы сможете выбрать из 15 стилей карты или создать собственные, использовать множество эффектов и функций лайтбокса и получить доступ к различным параметрам настройки миниатюр.

8. WP Store Locator

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

Если дело касается бесплатных плагинов карт, WP Store Locator – это мощное решение, которое включает в себя множество вариантов настройки ваших карт. Это хорошая альтернатива плагину MapifyPro, если у вас ограниченный бюджет. Функции WP Store Locator включают в себя:

• Радиусные фильтры
• Возможность добавить информацию о магазине, например, номера телефонов и описания
• Значки маркеров карты
• Пользовательские метаданные
• Неограниченное количество магазинов
• Водительские расстояния и направления
• Маркерные кластеры.

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

9. RVM: Responsive Vector Maps

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

10. Geo Mashup

Geo Mashup превратит ваш WordPress в GeoCMS. Этот бесплатный плагин отдает предпочтение параметрам настройки, а не простоте использования. Запрошенные пользователями функции были добавлены на протяжении многих лет.

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

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

Нажмите на место, и вы получите адрес. Geo RSS автоматически добавляется в каналы. Это возможно при обратном геокодировании.

11. Snazzy Maps

Snazzy Maps – это не плагин для гугл-картах. Он просто добавляет стили к существующим гугл-картам на вашем сайте. Он поставляется с сотнями бесплатных стилей, которые вы можете применить к гугл-картам на своем веб-сайте.

Как добавить гугл-карты в WordPress без плагина?

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

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

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

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

Теперь вернитесь на панель управления WordPress. Откройте страницу или сообщение, где вы хотите вставить карту в редакторе, добавить пользовательский блок HTML и вставить код гугл-карты. Затем нажмите кнопку «Просмотр», чтобы увидеть, как она выглядит.

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

Заключение

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