Краткое описание
В связи с переходом “Google Maps” на платную основу и участившимися проблемами со старыми API-ключами – в качестве альтернативы добавлена поддержка “OpenStreet Maps” и соответствующий шорткод [ trx_sc_osmap ], у которого практически все параметры аналогичны шорткоду “Google map”, за исключением анимации иконок.
Реализована полная поддержка “привычных” функций – кластеризация, геолокация и геокодирование.
Также эти карты поддерживаются в параметрах типа “map” или “osmap” в опциях плагина и в мета у кастмных постов (например, используется при указании адреса в CPT “Properties”).
Может служить полноценной заменой Google- или Yandex-картам.
OpenStreetMap (OSM) – бесплатный проект, но “шкурки” для оформления карт предоставляются разными сторонними ресурсами и обычно ограничивают количество запросов в месяц (или в сутки). Обычно – до 100 тысяч запросов в месяц.
Движок поддерживает оба вида “шкурок” – и растровые и векторные:
- Растровые – покрывают карту ячейками 256х256 или 512х512. Первые – более детализированные, но потребляют в 4 раза больше запросов для отображения одной карты.
- Векторные – достаточно качественные, потребляют меньше запросов, и к тому же поддерживают бесплатную кастомизацию на многих сайтах (для кастомных растровых обычно нужно покупать какой-то план).
Официальный сайт: https://www.openstreetmap.org/
Кастомная стилизация карт производится на сторонних ресурсах, таких как:
- MapTiler Cloud – можно самому кастомизировать и векторные и растровые стили
- MapBox – можно самому кастомизировать и векторные и растровые стили
- Leaflet Extras – готовые кастомные растровые стили
Если на карте нужен всего один маркер и его вид не меняется (используется дефолтный значок от OSM) – можно указать его параметры прямо в поле “Address”. Если же нужно указать несколько маркеров и/или сменить значок и/или задать текст всплывающей подсказки – в этом случае маркеры нужно добавлять с помощью списка “Markers”.
При расстановке маркеров можно задавать их положение в виде обычной строки адреса или пары координат Latitude, Longitude (Lat, Lng). Также в параметрах этого шорткода можно выбрать картинку с изображением маркера. Внимание! “Нулевой” точкой картинки считается середина её нижней стороны.
При описании маркеров можно указать “Title” – всплывающую подсказку, которая появляется при наведении мыши на маркер.
А в поле “Description” можно задать подробное описание маркера, которое появляется во всплывающем блоке при щелчке на этом маркере. Описание может содержать html-разметку для вставки картинок и/или форматирования текста.
Map with default settings. Style “Basic”
В этом шорткоде задан один адрес с помощью координат Lat, Lng и больше никакие настройки не менялись
Map with several custom markers, Style “Bright”
В этом примере создано три маркера с кастомными картинками, всплывающими подсказками и описанием по клику на маркеры. Масштаб вывода автоматически подбирается так, чтобы все маркеры одновременно поместились в окне. Если уменьшить масштаб отображения карты, то близлежащие маркеры заменяются “кластером” – маркером с цифрой по количеству “спрятанных” в нем маркеров. Щелчок на кластере автоматически масштабирует карту так, чтобы все “спрятанные” в нем маркеры поместились в область просмотра.
Это внутренний контентный блок, который выводится поверх карты. Центр карты смещен вправо, чтобы не перекрывать маркер.
Layout ‘Default’, Style “Dark Matter”
Здесь применен стиль карты “Dark Matter”, а также задан внутренний контент для шорткода “Osmap”, который выводится поверх карты (тип вывода “Default”).
Также центр карты смещен вправо, чтобы не перекрывать маркер и расположенные рядом объекты
Это контент, выводимый под картой при стиле "Detailed". Может содержать любую информацию
Layout ‘Detailed’, Style “Satellite Hybrid”
Здесь применен стиль карты “Satellite Hybrid”, а также задан внутренний контент для шорткода “Osmap”, который выводится под картой (тип вывода “Detailed”)Layout ‘Default’, Style “Positron”
Layout ‘Default’, Style “Streets”
Layout ‘Default’, Style “Topo”
Layout ‘Default’, Style “Voyager”
Layout ‘Default’, Style “MapBox”
Для оформления карты применен стиль, созданный Кириллом на сайте MapBox.
Внимание! В силу особенностей выполнения запросов к сайту MapBox (используется Access Token) на странице после этой карты не должно быть карт с другим Access Token или без него (любая из приведенных выше)