Как интегрировать карты Google в WordPress

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

Вот некоторые из многих преимуществ добавления Google Maps на ваш сайт WordPress:

• Разрешить читателям прокладывать маршруты к вашему местоположению
• Показывает ваше местоположение в Просмотре улиц
• Показывает изображения
• Показывает несколько мест, чтобы помочь читателям решить, какое из ваших мест они хотят посетить
• Дает текущие условия движения
• Показывает дорожные доводчики
• Показывает погодные условия
• Показывает, сколько времени потребуется, чтобы добраться туда
• Отображает карту в различных режимах движения: вид на дорогу, езда на велосипеде, вид на местность или гибридный вид.
• Помогает улучшить локальное SEO
• Направления могут быть распечатаны для использования вашими посетителями
• Держит ваших читателей на вашем сайте

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

Добавление Google Maps на ваш сайт WordPress вручную

Вы можете легко вставить карту в свои посты вручную. Перейдите на Google Maps, введите нужный адрес и выберите уровень масштабирования. В меню выберите «Поделиться» или «Встроить карту», ​​выберите «Встроить» и скопируйте и вставьте код в свое сообщение на вкладке текстового редактора. Карта встроена в виде iFrame. После этого пользователи смогут проложить маршрут до места, которое вы указали на карте.

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

Добавление Google Maps на ваш сайт WordPress с помощью плагинов

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

WP Гугл Карты

Это самый популярный плагин Google Maps с более чем 200 000 активных установок и рейтингом 4,3/5. Вы можете размещать карты в сообщениях, страницах или виджетах с помощью шорткода без создания iFrames. Карты отзывчивые. Он имеет неограниченное количество маркеров с анимацией, поддерживает просмотр улиц, несколько типов карт (дорожная карта, рельеф, спутник и гибрид), маршруты, многоугольники, полилинии и многое другое.

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

Профессиональная версия стоит 19,99 долларов США и позволяет создавать несколько карт, позволяет посетителям прокладывать маршруты к вашим маркерам, добавляет описания и категории, несколько значков маркеров, несколько полигонов и полилиний, показывает местоположение посетителя и многое другое.

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

MapPress Easy Карты Google

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

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

Версия Pro стоит 29,95 долларов США за 3 сайта и 49,95 долларов США за неограниченное количество сайтов. Оба включают один год обновлений и поддержки. Дополнительные функции включают в себя настраиваемые маркеры, мэшап-карты, виджеты, списки, сгенерированные карты из настраиваемых полей, отсутствие обратных ссылок на MapPress и многое другое.

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

Листовка Карты Маркер

Этот плагин работает как наиболее полный плагин для Google Maps. Это позволяет вам показывать местоположения и направления на любой странице или в публикации. У вас будет свой индивидуальный код Geo-CMS. Он имеет более 1000 значков и маркеров, и вы можете установить всплывающее описание для маркеров и организовать их по слоям. Карты размещаются с помощью шорткода. Карты можно экспортировать.

Вы можете настроить уровень масштабирования, размер и т. д. Он использует карты из нескольких источников, включая Карты Google (которые отображают дороги, рельеф местности, спутник и гибрид), Bing (который отображает дороги, антенны и антенны + метки), Open Street Map, Mapbox (который отображает дорогу и спутник) и любую пользовательскую WMTS-карту, которую вы хотите.

Существует также версия Premium стоимостью от 29 евро, которая использует HTML5, отображает треки GPX, использует геолокацию, мини-карты, использует QR-коды, интегрируется с GeoJSON и многое другое.

Чтобы использовать его, вы просто создаете маркер, выбрав «Добавить новый маркер», назовите его и введите адрес, сохраните его, а затем скопируйте и вставьте шорткод, который он вам дает, в любой пост или страницу. Если у вас есть версия Pro, вы можете настроить размер и добавить слой, если хотите. Он также добавляет кнопку в визуальный редактор, чтобы вы могли выбирать карты оттуда. Это определенно один из самых многофункциональных плагинов для Google Maps. Он отлично выглядит и прост в использовании.

Виджет Google Карт

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

Все настройки выполняются в виджете. Вы можете выбрать размер и тип карты (дорога, местность или гибрид). Вы можете использовать пин-код по умолчанию или указать URL-адрес для пользовательского пин-кода. Вы можете выбрать одну из нескольких бесплатных пользовательских цветовых схем. Создавайте текст как над, так и под картой. У вас есть те же настройки для лайтбокса, которые устанавливаются независимо от обычного виджета.

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

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

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

WP Плагин карты Google

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

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

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

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

КП Гугл Карты

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

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

Доступны две версии Premium. Первая — это профессиональная версия за 19,99 долларов США, которая позволяет загружать все точки в определенной категории, публикации или теге, рисовать фигуры и маршруты, создавать легенду, отображать ссылки, отображать несколько карт, позволяет стилизовать, отображать местоположение пользователя, генерирует динамические точки на основе данных изображения и информации о геолокации и многое другое.

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

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

Список карт Pro

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

Цены начинаются от 19 долларов.

Последние мысли

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

А ты? Вы интегрировали Google Maps на свой сайт WordPress? Вы использовали один из этих плагинов, другой плагин или другой метод? Расскажите нам об этом в комментариях ниже.