Leaflet — это открытая JavaScript-библиотекой для интерактивных карт, которая была создана была создана в 2011 году Владимиром Агафонкиным (Vladimir Agafonkin) с командой профессиональных разработчиков.
На своем блоге я писал статью о ней Знакомимся с открытой JS-библиотекой для интерактивных карт
Здесь я хочу познакомить Вас с плагином Leaflet Map для WordPress на основе данной библиотеки.
Пример использования плагина Leaflet Map можно увидеть здесь
Устанавливаем плагин Leaflet Map стандартным способом.
В меню администратора WordPress появляется новый пункт Leaflet Map.
В нем два подменю Default Values (Значения по умолчанию) и Shortcode Helper (Помощь по шорткодам)
Заходим в меню Leaflet Map и Default Values, изменяем значения на свои:
Default Latitude (Координаты широты по умолчанию): 56.326887
Default Longitude (Координаты долготы по умолчанию): 44.005986
Default Zoom (Уровень масштаба по умолчанию): 15
Default Height (Высота окна с картой по умолчанию):
Default Width (Ширина окна с картой по умолчанию):
Fit Markers (Область маркеров) — если включено, то карта будет автоматически масштабироваться для показа всех маркеров.
Show Zoom Controls (Показывать элемент управления масштабом)
Scroll Wheel Zoom (Возможность отключения масштабирование колесиком мыши)
Double Click Zoom (Если включен, то масштаб будет увеличиваться при двойном клике мыши, по умолчанию — отключен)
Default Min Zoom (Минимальный уровень масштаба по умолчанию)
Default Max Zoom (Максимальный уровень масштаба по умолчанию)
Default Tiling Service (Служба подгрузки тайлов карты по умолчанию)
MapQuest App Key (optional) (Ключ для карт MapQuest (необязательно))
Map Tile URL (URL адрес источника тайлов для карты)
Map Tile URL Subdomains (субдомен источника тайлов для карты)
JavaScript URL (URL адрес для подключения библиотеки Leaflet )
CSS URL (URL адрес для подключения стилей CSS библиотеки Leaflet)
Default Attribution (атрибуты для карты по умолчанию)
Geocoder (Выбор службы для геокодирования координат, для определения адресов размещенных в шорткоде)
Google API Key (optional) — Ключ карт Google API (необязательно)
Для размещения карты в посте или на станице, можно использовать шорткоды вида:
[leaflet-map]
В шорткодах можно использовать различные параметры:
— указывать координаты центра и масштаб карты [leaflet-map lat=55.7532 lng=37.6225 zoom=12]
— добавлять один маркер или несколько [leaflet-marker]
— добавлять маркеры с балунами [leaflet-marker address=»tokyo»]Tokyo[/leaflet-marker]
И многое другое.
Примеры использования шорткодов можно посмотреть на странице Leaflet Map — Shortcode Helper меню администратора WordPress