Главная > Руководства для начинающих WordPress > Как добавить интерактивную карту в WordPress

Как добавить интерактивную карту в WordPress

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

Как добавить интерактивную карту в WordPress

Добавление интерактивной карты в WordPress с помощью Google Мои карты

Этот метод проще и не требует установки плагина на ваш сайт WordPress.

Во-первых, вам нужно посетить сайт Google Мои карты и нажать кнопку «Создать новую карту».

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

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

Использование панели инструментов карты

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

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

Обмен картой

Это откроет центр обмена, где вам нужно нажать «Изменить» в разделе «Кто имеет доступ».

Настройки доступа

Затем вам нужно выбрать «Вкл. — Публикация в Интернете», а затем нажать кнопку «Сохранить».

Публикация карты

После этого нажмите «Готово», чтобы закрыть центр доступа.

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

Теперь вы увидите код для встраивания, который вам нужно скопировать.Код для вставки

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

Вставьте свой интерактивный код карты в WordPress

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

Предварительный просмотр карты

Мы надеемся, что эта статья помогла вам определить, как добавить интерактивную карту в WordPress.

 

2 комментария

  1. Vlad 24.03.2018 в 02:49 - Ответить

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

    • V.A 12.04.2018 в 15:32 - Ответить

      Vlad, в данной статье предоставлены статические картинки, а так вы абсолютно правы интерактивный формат установленный на сайте имеет весь функционал что вы описали выше.

Оставить комментарий