YaMaps — простейший способ вставить карту на ваш сайт. У плагина дружественный интерфейс. Вы можете визуально ставить метки на Яндекс.Карту, двигать их мышью, менять иконки и многое другое.
Для использования новым редактором Гутенберг вам нужно сначала добавить блок Классического редактора!
Для корректной работы поиска по карте и составления маршрутов может понадобиться ввести API-ключ (JavaScript API и HTTP Геокодер) на странице настроек плагина.
Возможности плагина:
- Вы можете добавлять карты без знания кода.
- Вы можете редактировать шорткоды в визуальном редакторе.
- Вы можете добавлять любое количество карт на страницу.
- Вы можете добавлять множество меток на карту.
- можно добавлять гиперссылки для меток.
- Вы можете выбирать иконку и ее цвет в визуальном редакторе.
- Вы можете выбирать тип отображаемой карты (Карта, Спутник, Гибрид), кнопки масштаба и другие элементы управления.
Структура шорткода
- yamap center — координаты центра карты;
- yamap height — высота карты;
- yamap zoom — масштаб карты (от 0 до 19);
- yamap scrollzoom — отключение масштаба карты колесом мыши (scrollzoom=’0′ для блокировки);
- yamap mobiledrag — можно отключить перетаскивание карты на мобильных устройствах (mobiledrag="0" для отключения);
- yamap type — тип карты (например: yandex#map, yandex#satellite, yandex#hybrid);
- yamap controls — элементы управления картой, разделённые точкой с запятой (typeSelector;zoomControl;searchControl;routeEditor;trafficControl;fullscreenControl;geolocationControl);
-
yamap container — ID существующего блока в теме WP (карта будет помещена в блок с указанным ID, новый блок карты в содержимом записи создаваться не будет);
-
yaplacemark coord — координаты метки;
- yaplacemark icon — значок метки (тип иконки Яндекс.карт или url-адрес вашего собственного изображения);
- yaplacemark color — цвет маркера;
- yaplacemark name — подсказка или содержимое значка;
-
yaplacemark url — URL-адрес или ID записи, которые будут открыты при нажатии на метку;
-
можно добавлять множество меток внутри шорткода карты.
Пример шорткода
[yamap center=’55.7532,37.6225′ height=’15rem’ zoom=’12’ type=’yandex#map’ controls=’typeSelector;zoomControl’][yaplacemark coord=’55.7532,37.6225′ icon=’islands#blueRailwayIcon’ color=’#ff751f’ name=’Название места’][/yamap]