Хотите добавить интерактивную карту в WordPress? Интерактивные карты позволяют пользователям находить маршруты, поездки и маршруты, нажимая на маркеры карты или перемещая мышь. В этой статье мы покажем вам, как легко добавить интерактивную карту в WordPress.
Видеоурок
Зарегистрируйтесь в WPBeginner
Если вам не нравится видео или вам нужны дополнительные инструкции, читайте дальше.
Способ 1. Добавьте интерактивную карту в WordPress с помощью Google My Maps.
Этот метод проще и не требует установки плагина на вашем сайте WordPress.
Сначала вы должны посетить веб-сайт Google My Maps и нажать кнопку «Создать новую карту».
Вы попадете на страницу редактирования карты. На этом экране вы можете создать свою карту, выбрав базовую карту, добавив POI, слои и многое другое.
Используя панель инструментов вверху, вы можете рисовать линии на карте, добавлять маршруты, использовать линейки и выбирать элементы.
Все элементы карты сохраняются в слоях слева. Вы можете добавлять, редактировать, переименовывать или даже удалять слои. Вы также можете щелкнуть любой элемент на своем слое, чтобы добавить описание, изменить заголовок или добавить фотографии / видео.
После того, как вы закончите редактирование своей карты, вы должны сделать ее общедоступной, прежде чем использовать ее на своем веб-сайте. Вы можете сделать это, нажав кнопку «Поделиться» на панели редактирования.
Откроется центр обмена, где вы должны нажать «Изменить» в разделе «У кого есть доступ».
Затем необходимо выбрать «Включено – Общедоступно в Интернете» и нажать кнопку «Сохранить».
После этого нажмите «Готово», чтобы закрыть общий доступ.
На панели редактирования щелкните значок меню рядом с именем карты и выберите «Вставить на мой сайт».
Теперь вы увидите код для встраивания, который нужно скопировать.
Затем перейдите к сообщению или странице, где вы хотите добавить интерактивную карту WordPress. На следующем экране редактирования вам нужно переключиться в текстовый редактор и вставить код вставки карты, которую вы скопировали ранее.
Теперь вы можете сохранить свои изменения и просмотреть сообщение, чтобы увидеть интерактивную карту в действии.
Способ 2: добавить интерактивную карту в WordPress с помощью плагина
Несмотря на то, что вы можете создавать и добавлять интерактивные карты с помощью Карт Google, в нем по-прежнему отсутствуют определенные функции, и он ограничен Картами Google.
Если вы хотите использовать Open Street Maps, Bing или другие картографические сервисы, этот метод для вас.
Первое, что нужно сделать, это установить и активировать плагин Maps Marker Pro. Подробнее см. В нашем пошаговом руководстве по установке плагина WordPress.
После активации необходимо посетить Карты Маркер Про страница для создания вашей интерактивной карты. Чтобы начать, вы должны нажать кнопку «Добавить новый слой».
Далее необходимо указать имя для вашего слоя и нажать «Опубликовать».
Теперь, когда вы создали слой, вы готовы добавить к нему маркеры карты. Пошли Карты Marker Pro »Добавить новый маркер страница, чтобы добавить свою первую закладку.
Сначала вам нужно будет ввести название для маркера, затем найти местоположение и выбрать его.
Вам также нужно будет поместить маркер на слой, который вы создали ранее. Вы можете сделать это, введя имя слоя в поле Layers и выбрав его.
Не забудьте нажать кнопку «Опубликовать», чтобы сохранить ваш любимый.
Повторите процесс, чтобы добавить дополнительные маркеры на слой.
После добавления закладок вы можете редактировать любой пост или страницу WordPress, на которую вы хотите добавить карту.
На экране редактирования публикации нажмите кнопку «Добавить карту».
Появится всплывающее окно со всеми маркерами карты и слоем, который вы создали ранее. Вы должны выбрать слой и нажать кнопку «Вставить карту».
Плагин добавит необходимый короткий код в вашу область редактора. Теперь вы можете сохранить или опубликовать свое сообщение и просмотреть его для просмотра интерактивной карты.
Вы всегда можете отредактировать свой основной слой, чтобы настроить размер и размеры карты.
Maps Marker Pro – это мощный плагин с многочисленными опциями, такими как многослойные карты, пользовательские маркеры, маршруты, поддержка GPX, экспорт карт в различные форматы и многое другое. Вы можете изучить эти параметры, чтобы сделать ваши карты еще более интерактивными.
Мы надеемся, что эта статья помогла вам узнать, как добавить интерактивную карту в WordPress. Вы также можете просмотреть наш список лучших плагинов Google Maps для WordPress.
Если вам понравилась эта статья, подпишитесь на наш канал YouTube, чтобы посмотреть обучающие видеоролики WordPress. Вы также можете найти нас на Twitter и Facebook,
