Ссылка на API
Карта
Центральный класс API — используется для создания карты на странице и её манипулирования.
Пример использования
// initialize the map on the "map" div with a given center and zoom
var map = L.map('map', {
center: [51.505, -0.09],
zoom: 13
});
Создание
| Фабрика | Описание |
|---|---|
L.map( | Инициализирует объект карты, используя ID элемента DOM для <div> и необязательно объект-литерал с Map options. |
L.map( | Инициализирует объект карты, используя экземпляр HTML-элемента <div> и необязательно объект-литерал с Map options. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
preferCanvas |
Boolean |
false | Определяет, должны ли Path отрисовываться с помощью рендерера Canvas. По умолчанию все Path отрисовываются с помощью рендерера SVG. |
Параметры управления
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
attributionControl |
Boolean |
true | Добавлять ли контроль атрибуции на карту по умолчанию. |
zoomControl |
Boolean |
true | Добавлять ли контроль масштабирования на карту по умолчанию. |
Параметры взаимодействия
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
closePopupOnClick |
Boolean |
true | Установите в false, чтобы всплывающие окна не закрывались при нажатии на карту. |
zoomSnap |
Number |
1 | Принудительно устанавливает уровень масштабирования карты кратным этому значению, особенно сразу после fitBounds() или пинцета. По умолчанию уровень масштабирования округляется до ближайшего целого числа; меньшие значения (например, 0.5 или 0.1) позволяют большей точности. Значение 0 означает, что уровень масштабирования не будет округляться после fitBounds или пинцета. |
zoomDelta |
Number |
1 | Контролирует, на сколько изменится уровень масштабирования карты после zoomIn(), zoomOut(), нажатия + или - на клавиатуре или использования контролей масштабирования. Меньшие значения, чем 1 (например, 0.5), позволяют большей точности. |
trackResize |
Boolean |
true | Автоматически ли карта обрабатывает изменение размера окна браузера для обновления. |
boxZoom |
Boolean |
true | Можно ли масштабировать карту на прямоугольную область, перетаскивая мышкой, удерживая клавишу Shift. |
doubleClickZoom |
Boolean|String |
true | Можно ли масштабировать карту при двойном щелчке и уменьшать масштаб при двойном щелчке с зажатой клавишей Shift. Если передано 'center', масштабирование двойным щелчком будет происходить по центру представления независимо от положения курсора. |
dragging |
Boolean |
true | Можно ли перетаскивать карту мышью/сенсорным экраном. |
Параметры состояния карты
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
crs |
CRS |
L.CRS.EPSG3857 | Используемая система координат. Не изменяйте это, если вы не уверены, что это значит. |
center |
LatLng |
undefined | Начальный географический центр карты |
zoom |
Number |
undefined | Начальный уровень масштабирования карты |
minZoom |
Number |
undefined | Минимальный уровень масштабирования карты. Переопределяет любой параметр minZoom, установленный для слоев карты. |
maxZoom |
Number |
undefined | Максимальный уровень масштабирования карты. Переопределяет любой параметр maxZoom, установленный для слоев карты. |
layers |
Layer[] |
[] | Массив слоёв, которые будут добавлены на карту изначально |
maxBounds |
LatLngBounds |
null | При установке этого параметра карта ограничивает представление заданными географическими границами, возвращая пользователя к границам, если он пытается прокрутить за пределы представления. Чтобы динамически установить ограничение, используйте метод setMaxBounds. |
renderer |
Renderer |
* | Метод по умолчанию для отрисовки векторных слоев на карте. L.SVG или L.Canvas по умолчанию в зависимости от поддержки браузера. |
Параметры анимации
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
zoomAnimation |
Boolean |
true | Включена ли анимация масштабирования карты. По умолчанию включена во всех браузерах, поддерживающих CSS3-переходы, за исключением Android. |
zoomAnimationThreshold |
Number |
4 | Анимация масштабирования не будет выполнена, если разность масштабов превысит это значение. |
fadeAnimation |
Boolean |
true | Включена ли анимация плавного перехода плиток. По умолчанию включена во всех браузерах, поддерживающих CSS3-переходы, за исключением Android. |
markerZoomAnimation |
Boolean |
true | Анимируются ли маркеры при анимации масштабирования. Если отключено, они исчезнут на время анимации. По умолчанию включена во всех браузерах, поддерживающих CSS3-переходы, за исключением Android. |
transform3DLimit |
Number |
2^23 | Определяет максимальный размер преобразования CSS-трансляции. Значение по умолчанию не следует изменять, если браузер размещает слои в неправильном месте после большого panBy. |
Параметры инерционного перемещения
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
inertia |
Boolean |
* | При включённом значении перемещение карты будет иметь эффект инерции, где карта накапливает импульс во время перетаскивания и продолжает двигаться в том же направлении некоторое время. Особенно удобно на устройствах с сенсорным экраном. Включено по умолчанию, за исключением старых устройств на Android. |
inertiaDeceleration |
Number |
3000 | Скорость, с которой замедляется инерционное движение, в пикселях/секунду². |
inertiaMaxSpeed |
Number |
Infinity | Максимальная скорость инерционного движения, в пикселях/секунду. |
easeLinearity |
Number |
0.2 | |
worldCopyJump |
Boolean |
false | При включённом значении карта отслеживает, когда вы переходите к другой «копии» мира, и плавно переходит к исходной, чтобы все наложения, такие как маркеры и векторные слои, оставались видимыми. |
maxBoundsViscosity |
Number |
0.0 | Если maxBounds установлено, этот параметр контролирует, насколько жёсткими будут границы при перетаскивании карты. Значение по умолчанию 0.0 позволяет пользователю перетаскивать за пределы границ с обычной скоростью, более высокие значения замедлят перетаскивание карты за пределы границ, а 1.0 делает границы полностью жёсткими, предотвращая перетаскивание за их пределы. |
Параметры навигации по клавиатуре
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
keyboard |
Boolean |
true | Делает карту фокусируемой и позволяет пользователям перемещаться по карте с помощью стрелок клавиатуры и клавиш +/-. |
keyboardPanDelta |
Number |
80 | Количество пикселей для перемещения при нажатии на стрелку. |
Параметры колесика мыши
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
scrollWheelZoom |
Boolean|String |
true | Можно ли изменять масштаб карты с помощью колесика мыши. Если передано 'center', масштаб будет изменён до центра отображения независимо от положения курсора. |
wheelDebounceTime |
Number |
40 | Ограничивает частоту срабатывания колесика мыши (в миллисекундах). По умолчанию пользователь не может изменять масштаб колесиком чаще, чем раз в 40 мс. |
wheelPxPerZoomLevel |
Number |
60 | Сколько пикселей прокрутки (сообщается методом L.DomEvent.getWheelDelta) означает изменение масштаба на один уровень. Более маленькие значения сделают изменение масштаба колесиком быстрее (и наоборот). |
Параметры взаимодействия с помощью сенсорного экрана
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
tap |
Boolean |
true | Включает мобильные методы для поддержки мгновенных нажатий (исправление задержки клика в 200 мс на iOS/Android) и удержания сенсорного экрана (срабатывает как contextmenu события). |
tapTolerance |
Number |
15 | Максимальное количество пикселей, на которое пользователь может сдвинуть палец во время касания, чтобы это считалось допустимым нажатием. |
touchZoom |
Boolean|String |
* | Можно ли изменять масштаб карты с помощью двухпальцевого прикосновения. Если передано 'center', масштаб будет изменён до центра отображения независимо от того, где произошли события прикосновения (пальцы). Включено для сенсорных веб-браузеров, за исключением старых Android. |
bounceAtZoomLimits |
Boolean |
true | Установите в значение false, если вы не хотите, чтобы карта масштабировалась за пределы минимального/максимального масштаба и затем отскакивала назад при масштабировании с помощью пинцета. |
События
События слоев
| Событие | Данные | Описание |
|---|---|---|
baselayerchange
|
||
overlayadd
|
||
overlayremove
|
||
layeradd
|
||
layerremove
|
События изменения состояния карты
| Событие | Данные | Описание |
|---|---|---|
zoomlevelschange
|
||
resize
|
||
unload
|
||
viewreset
|
||
load
|
||
zoomstart
|
||
movestart
|
||
zoom
|
||
move
|
||
zoomend
|
||
moveend
|
События всплывающих окон
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
||
autopanstart
|
События подсказок
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
События местоположения
| Событие | Данные | Описание |
|---|---|---|
locationerror
|
||
locationfound
|
События взаимодействия
| Событие | Данные | Описание |
|---|---|---|
click
|
||
dblclick
|
||
mousedown
|
||
mouseup
|
||
mouseover
|
||
mouseout
|
||
mousemove
|
||
contextmenu
|
||
keypress
|
||
preclick
|
Другие методы
| Событие | Данные | Описание |
|---|---|---|
zoomanim
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
getRenderer( | Renderer |
Возвращает экземпляр |
Методы для слоёв и элементов управления
| Метод | Возвращает | Описание |
|---|---|---|
addControl( | this |
Добавляет указанный элемент управления на карту |
removeControl( | this |
Удаляет указанный элемент управления с карты |
addLayer( | this |
Добавляет указанный слой на карту |
removeLayer( | this |
Удаляет указанный слой с карты. |
hasLayer( | Boolean |
Возвращает |
eachLayer( | this |
Итерируется по слоям карты, необязательно указывая контекст функции-итератора. map.eachLayer(function(layer){
layer.bindPopup('Hello');
});
|
openPopup( | this |
Открывает указанное всплывающее окно, закрывая ранее открытое (чтобы убедиться, что открыто только одно окно для удобства пользователя). |
openPopup( | this |
Создаёт всплывающее окно с указанным содержимым и параметрами и открывает его в заданной точке на карте. |
closePopup( | this |
Закрывает всплывающее окно, ранее открытое с помощью openPopup (или указанное). |
openTooltip( | this |
Открывает указанную подсказку. |
openTooltip( | this |
Создаёт подсказку с указанным содержимым и параметрами и открывает её. |
closeTooltip( | this |
Закрывает указанную подсказку. |
Методы для изменения состояния карты
| Метод | Возвращает | Описание |
|---|---|---|
setView( | this |
Устанавливает вид карты (географический центр и масштаб) с заданными параметрами анимации. |
setZoom( | this |
Устанавливает масштаб карты. |
zoomIn( | this |
Увеличивает масштаб карты на |
zoomOut( | this |
Уменьшает масштаб карты на |
setZoomAround( | this |
Изменяет масштаб карты, оставляя указанную географическую точку на карте неподвижной (например, используется внутри для масштабирования прокруткой и двойным щелчком). |
setZoomAround( | this |
Изменяет масштаб карты, оставляя указанную точку на карте (относительно верхнего левого угла) неподвижной. |
fitBounds( | this |
Устанавливает вид карты, содержащий заданные географические границы с максимально возможным уровнем масштаба. |
fitWorld( | this |
Устанавливает вид карты, в основном содержащий весь мир с максимально возможным уровнем масштаба. |
panTo( | this |
Перемещает карту в заданный центр. |
panBy( | this |
Перемещает карту на заданное количество пикселей (с анимацией). |
flyTo( | this |
Устанавливает вид карты (географический центр и масштаб) с плавной анимацией перемещения и изменения масштаба. |
flyToBounds( | this |
Устанавливает вид карты с плавной анимацией, как в |
setMaxBounds( | this |
Ограничивает вид карты заданными границами (см. параметр maxBounds). |
setMinZoom( | this |
Устанавливает нижнюю границу доступных уровней масштабирования (см. параметр minZoom). |
setMaxZoom( | this |
Устанавливает верхнюю границу доступных уровней масштабирования (см. параметр maxZoom). |
panInsideBounds( | this |
Перемещает карту к ближайшему виду, который попадает в заданные границы (если это не так уже), управляя анимацией с помощью соответствующих параметров, если таковые имеются. |
invalidateSize( | this |
Проверяет, изменился ли размер контейнера карты, и обновляет карту, если да — вызывайте после динамического изменения размера карты, также с анимацией перемещения по умолчанию. Если |
invalidateSize( | this |
Проверяет, изменился ли размер контейнера карты, и обновляет карту, если да — вызывайте после динамического изменения размера карты, также с анимацией перемещения по умолчанию. |
stop() | this |
Останавливает текущую анимацию |
Методы геолокации
| Метод | Возвращает | Описание |
|---|---|---|
locate( | this |
Пытается определить местоположение пользователя с помощью API Geolocation, при успехе генерирует событие |
stopLocate() | this |
Останавливает отслеживание местоположения, инициированного ранее методом |
Другие методы
| Метод | Возвращает | Описание |
|---|---|---|
addHandler( | this |
Добавляет новый |
remove() | this |
Удаляет карту и очищает все связанные обработчики событий. |
createPane( | HTMLElement |
Создаёт новый слой карты с заданным именем, если он ещё не существует, затем возвращает его. Слой создаётся как дочерний элемент |
getPane( | HTMLElement |
Возвращает слой карты по его имени или HTML-элементу (его идентификатору). |
getPanes() | Object |
Возвращает простой объект, содержащий имена всех слоёв в качестве ключей и сами слои в качестве значений. |
getContainer() | HTMLElement |
Возвращает HTML-элемент, содержащий карту. |
whenReady( | this |
Выполняет заданную функцию |
Методы для получения состояния карты
| Метод | Возвращает | Описание |
|---|---|---|
getCenter() | LatLng |
Возвращает географический центр вида карты. |
getZoom() | Number |
Возвращает текущий уровень масштаба вида карты. |
getBounds() | LatLngBounds |
Возвращает географические границы, видимые в текущем виде карты. |
getMinZoom() | Number |
Возвращает минимальный уровень масштаба карты (если установлен в параметре |
getMaxZoom() | Number |
Возвращает максимальный уровень масштаба карты (если установлен в параметре |
getBoundsZoom( | Number |
Возвращает максимальный уровень масштаба, на котором заданные границы полностью помещаются в вид карты. Если |
getSize() | Point |
Возвращает текущий размер контейнера карты (в пикселях). |
getPixelBounds() | Bounds |
Возвращает границы текущего вида карты в проекции пиксельных координат (иногда полезно в реализациях слоёв и наложений). |
getPixelOrigin() | Point |
Возвращает проекцию пиксельных координат верхней левой точки слоя карты (полезно в реализациях пользовательских слоёв и наложений). |
getPixelWorldBounds( | Bounds |
Возвращает границы мира в пиксельных координатах для уровня масштабирования |
Методы преобразования
| Метод | Возвращает | Описание |
|---|---|---|
getZoomScale( | Number |
Возвращает коэффициент масштабирования, который следует применить к переходу карты с уровня масштаба |
getScaleZoom( | Number |
Возвращает уровень масштабирования, до которого карта дошла бы, если бы она была на уровне |
project( | Point |
Проецирует географическую координату |
unproject( | LatLng |
Обратная функция |
layerPointToLatLng( | LatLng |
При заданной координате пикселя, относительной к началу пикселей, возвращает соответствующую географическую координату (для текущего уровня масштабирования). |
latLngToLayerPoint( | Point |
При заданной географической координате возвращает соответствующую координату пикселя, относительную к началу пикселей. |
wrapLatLng( | LatLng |
Возвращает |
wrapLatLngBounds( | LatLngBounds |
Возвращает |
distance( | Number |
Возвращает расстояние между двумя географическими координатами в соответствии с системой координат карты. По умолчанию расстояние измеряется в метрах. |
containerPointToLayerPoint( | Point |
При заданной координате пикселя, относительной к контейнеру карты, возвращает соответствующую координату пикселя, относительную к началу пикселей. |
layerPointToContainerPoint( | Point |
При заданной координате пикселя, относительной к началу пикселей, возвращает соответствующую координату пикселя, относительную к контейнеру карты. |
containerPointToLatLng( | LatLng |
При заданной координате пикселя, относительной к контейнеру карты, возвращает соответствующую географическую координату (для текущего уровня масштабирования). |
latLngToContainerPoint( | Point |
При заданной географической координате возвращает соответствующую координату пикселя, относительную к контейнеру карты. |
mouseEventToContainerPoint( | Point |
При заданном объекте MouseEvent возвращает координату пикселя, относительную к контейнеру карты, где произошло событие. |
mouseEventToLayerPoint( | Point |
При заданном объекте MouseEvent возвращает координату пикселя, относительную к началу пикселей, где произошло событие. |
mouseEventToLatLng( | LatLng |
При заданном объекте MouseEvent возвращает географическую координату, где произошло событие. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-слушатель ( |
on( | this |
Добавляет набор пар тип/слушатель, например, |
off( | this |
Удаляет ранее добавленную функцию-слушатель. Если функция не указана, она удалит всех слушателей этого конкретного события из объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/слушатель. |
off() | this |
Удаляет всех слушателей всех событий в объекте. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно предоставить объект данных — первый аргумент функции-слушателя будет содержать его свойства. Событие необязательно может быть распространено на родительские события. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительское событие — |
removeEventParent( | this |
Удаляет родительское событие, так что оно перестанет получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Свойства
Обработчики
| Свойство | Тип | Описание |
|---|---|---|
boxZoom
|
||
doubleClickZoom
|
||
dragging
|
||
keyboard
|
||
scrollWheelZoom
|
||
tap
|
||
touchZoom
|
Слои карты
| Слой | Тип | Z-индекс | Описание |
|---|---|---|---|
mapPane |
HTMLElement |
'auto' | Слой, содержащий все остальные слои карты |
tilePane |
HTMLElement |
200 | Слой для GridLayer и TileLayer |
overlayPane |
HTMLElement |
400 | Слой для векторных наложений (Path), таких как Polyline и Polygon |
shadowPane |
HTMLElement |
500 | Слой для теней наложений (например, тени Marker) |
markerPane |
HTMLElement |
600 | Слой для Icon маркеров Marker |
tooltipPane |
HTMLElement |
650 | Слой для всплывающих подсказок. |
popupPane |
HTMLElement |
700 | Слой для Popup элементов. |
Опции определения местоположения
Map принимают параметр options. Это обычный javascript-объект со следующими необязательными компонентами:| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
watch |
Boolean |
false | Если true, запускает непрерывное отслеживание изменений местоположения (вместо определения его один раз) с использованием метода W3C watchPosition. Позже вы можете прекратить отслеживание, используя метод map.stopLocate(). |
setView |
Boolean |
false | Если true, автоматически устанавливает вид карты на местоположение пользователя с учетом точности определения или на мировой вид, если геолокация не удалась. |
maxZoom |
Number |
Infinity | Максимальный масштаб для автоматической установки вида при использовании опции setView. |
timeout |
Number |
10000 | Количество миллисекунд ожидания ответа от геолокации перед срабатыванием события locationerror. |
maximumAge |
Number |
0 | Максимальный срок действия определенного местоположения. Если прошло меньше этого количества миллисекунд с момента последнего ответа геолокации, locate вернет кэшированное местоположение. |
enableHighAccuracy |
Boolean |
false | Включает высокую точность, см. описание в спецификации W3C. |
Опции масштабирования
Map, которые изменяют уровень масштаба, принимают параметр options. Это обычный javascript-объект со следующими необязательными компонентами:| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
animate |
Boolean |
Если не указано, анимация масштабирования произойдёт, если исходная точка масштабирования находится внутри текущего вида. Если true, карта попытается анимировать масштабирование, независимо от того, где находится исходная точка масштабирования. Установка false заставит её всегда полностью переустановить вид без анимации. |
Опции перемещения
Map, которые изменяют центр карты, принимают параметр options. Это обычный javascript-объект со следующими необязательными компонентами:| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
animate |
Boolean |
Если true, перемещение будет всегда анимироваться, если возможно. Если false, анимация перемещения не будет выполняться, либо карта будет переустановлена, если перемещение превысит экран, либо будет установлено новое смещение для области карты (за исключением panBy, который всегда делает последнее). | |
duration |
Number |
0.25 | Продолжительность анимированного перемещения в секундах. |
easeLinearity |
Number |
0.25 | Коэффициент кривизны сглаживания анимации перемещения (третий параметр кривой Безье). 1.0 означает линейную анимацию, а чем меньше это число, тем более изогнутой будет кривая. |
noMoveStart |
Boolean |
false | Если true, событие movestart не будет срабатывать при начале перемещения (используется внутри для инерции перемещения). |
Опции масштабирования/перемещения
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
animate |
Boolean |
Если не указано, анимация масштабирования произойдёт, если исходная точка масштабирования находится внутри текущего вида. Если true, карта попытается анимировать масштабирование, независимо от того, где находится исходная точка масштабирования. Установка false заставит её всегда полностью переустановить вид без анимации. |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
duration |
Number |
0.25 | Продолжительность анимированного перемещения в секундах. |
easeLinearity |
Number |
0.25 | Коэффициент кривизны сглаживания анимации перемещения (третий параметр кривой Безье). 1.0 означает линейную анимацию, а чем меньше это число, тем более изогнутой будет кривая. |
noMoveStart |
Boolean |
false | Если true, событие movestart не будет срабатывать при начале перемещения (используется внутри для инерции перемещения). |
Опции FitBounds
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
paddingTopLeft |
Point |
[0, 0] | Устанавливает величину отступа в верхнем левом углу контейнера карты, которая не должна учитываться при установке вида для соответствия границам. Полезно, если у вас есть наложения управления на карте, такие как боковая панель, и вы не хотите, чтобы они скрывали объекты, к которым вы приближаетесь. |
paddingBottomRight |
Point |
[0, 0] | То же самое для нижнего правого угла карты. |
padding |
Point |
[0, 0] | Эквивалентно установке верхнего левого и нижнего правого отступа на одно и то же значение. |
maxZoom |
Number |
null | Максимальный возможный масштаб. |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
animate |
Boolean |
Если не указано, анимация масштабирования произойдёт, если исходная точка масштабирования находится внутри текущего вида. Если true, карта попытается анимировать масштабирование, независимо от того, где находится исходная точка масштабирования. Установка false заставит её всегда полностью переустановить вид без анимации. |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
duration |
Number |
0.25 | Продолжительность анимированного перемещения в секундах. |
easeLinearity |
Number |
0.25 | Коэффициент кривизны сглаживания анимации перемещения (третий параметр кривой Безье). 1.0 означает линейную анимацию, а чем меньше это число, тем более изогнутой будет кривая. |
noMoveStart |
Boolean |
false | Если true, событие movestart не будет срабатывать при начале перемещения (используется внутри для инерции перемещения). |
Маркер
L.Marker используется для отображения кликабельных/перетаскиваемых иконок на карте. Расширяет Layer.
Пример использования
L.marker([50.5, 30.5]).addTo(map);
Создание
| Фабрика | Описание |
|---|---|
L.marker( | Создает объект Marker, задавая географическую точку и необязательно объект опций. |
Опции
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
icon |
Icon |
* | Класс иконки для отрисовки метки. См. документацию по иконкам для подробностей о том, как настроить иконку метки. Если не указано, используется новая L.Icon.Default. |
draggable |
Boolean |
false | Можно ли перетащить метку с помощью мыши/тачскрина. |
keyboard |
Boolean |
true | Можно ли переместиться к метке с помощью клавиатуры и нажать Enter, чтобы ее выбрать. |
title |
String |
'' | Текст всплывающей подсказки браузера, появляющейся при наведении на метку (по умолчанию подсказка отсутствует). |
alt |
String |
'' | Текст для атрибута alt изображения иконки (полезно для доступности). |
zIndexOffset |
Number |
0 | По умолчанию zIndex изображения метки устанавливается автоматически на основе ее широты. Используйте эту опцию, если вы хотите расположить метку поверх всех остальных (или ниже), указав большое значение, например 1000 (или большое отрицательное значение соответственно). |
opacity |
Number |
1.0 | Непрозрачность метки. |
riseOnHover |
Boolean |
false | Если true, метка будет перемещаться поверх других при наведении курсора. |
riseOffset |
Number |
250 | Смещение z-индекса, используемое для функции riseOnHover. |
pane |
String |
'markerPane' |
Map pane, куда будет добавлена иконка метки. |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
interactive |
Boolean |
true | Если false, слой не будет генерировать события мыши и будет частью базовой карты. |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
attribution |
String |
null | Строка, отображаемая в элементе управления атрибутами, описывающая данные слоя, например «© Mapbox». |
События
addTo() и remove(), и методам всплывающих окон, таким как bindPopup(), вы также можете использовать следующие методы:| Событие | Данные | Описание |
|---|---|---|
move
|
События перетаскивания
| Событие | Данные | Описание |
|---|---|---|
dragstart
|
||
movestart
|
||
drag
|
||
dragend
|
||
moveend
|
| Событие | Данные | Описание |
|---|---|---|
click
|
||
dblclick
|
||
mousedown
|
||
mouseover
|
||
mouseout
|
||
contextmenu
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
toGeoJSON() | Object |
Возвращает представление метки в формате GeoJSON (как объект GeoJSON точки). |
getLatLng() | LatLng |
Возвращает текущее географическое положение метки. |
setLatLng( | this |
Изменяет положение метки на указанную точку. |
setZIndexOffset( | this |
Изменяет смещение z-индекса метки. |
setIcon( | this |
Изменяет иконку метки. |
setOpacity( | this |
Изменяет непрозрачность метки. |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой к данной карте. |
remove() | this |
Удаляет слой с активной карты. |
removeFrom( | this |
Удаляет слой с данной карты. |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется в элементе управления |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Связывает всплывающее окно со слоем с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее связанное с |
openPopup( | this |
Открывает привязанное всплывающее окно в указанной |
closePopup() | this |
Закрывает привязанное всплывающее окно, если оно открыто. |
togglePopup() | this |
Открывает или закрывает всплывающее окно, связанное с этим слоем, в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Задает содержимое всплывающего окна, привязанного к этому слою. |
getPopup() | Popup |
Возвращает всплывающее окно, привязанное к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает всплывающую подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет ранее привязанную всплывающую подсказку с помощью |
openTooltip( | this |
Открывает привязанную всплывающую подсказку в указанной |
closeTooltip() | this |
Закрывает привязанную к этому слою подсказку, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает привязанную к этому слою подсказку в зависимости от ее текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает привязанную к этому слою подсказку. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, будут удалены все обработчики этого события из объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно указать объект данных — свойства этого объекта будут содержаться в первом аргументе функции-обработчика. Событие может быть необязательно распространено на родительские события. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родителя события — |
removeEventParent( | this |
Удаляет родителя события, чтобы он перестал получать распространяемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Свойства
Обработчики взаимодействия
Handler). Пример: marker.dragging.disable();
| Свойство | Тип | Описание |
|---|---|---|
dragging
|
Всплывающее окно
Используется для открытия всплывающих окон в определённых местах карты. Используйте Map.openPopup для открытия всплывающих окон, гарантируя, что открыто только одно всплывающее окно (рекомендуется для удобства пользователя), или используйте Map.addLayer для открытия любого количества всплывающих окон.
Пример использования
Если вы хотите просто привязать всплывающее окно к щелчку по маркерам и затем открыть его, это очень легко:
marker.bindPopup(popupContent).openPopup();
Для наложений, таких как полилинии, также есть метод bindPopup. Вот более сложный способ открытия всплывающего окна на карте:
var popup = L.popup()
.setLatLng(latlng)
.setContent('<p>Hello world!<br />This is a nice popup.</p>')
.openOn(map);
Создание
| Фабрика | Описание |
|---|---|
L.popup( | Создаёт объект Popup с необязательным объектом options, описывающим его внешний вид и расположение, и необязательным объектом source, используемым для привязки всплывающего окна к слою. |
Параметры
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
maxWidth |
Number |
300 | Максимальная ширина всплывающего окна в пикселях. |
minWidth |
Number |
50 | Минимальная ширина всплывающего окна в пикселях. |
maxHeight |
Number |
null | Если задано, создаёт прокручиваемый контейнер заданной высоты внутри всплывающего окна, если его содержимое превышает её. |
autoPan |
Boolean |
true | Установите в false, если вы не хотите, чтобы карта выполняла анимацию перемещения для подгонки открытого всплывающего окна. |
autoPanPaddingTopLeft |
Point |
null | Отступ между всплывающим окном и верхним левым углом представления карты после выполнения автоматического перемещения. |
autoPanPaddingBottomRight |
Point |
null | Отступ между всплывающим окном и нижним правым углом представления карты после выполнения автоматического перемещения. |
autoPanPadding |
Point |
Point(5, 5) | Эквивалентно установке отступа автоматического перемещения для верхнего левого и нижнего правого углов к одному значению. |
keepInView |
Boolean |
false | Установите в true, если вы хотите предотвратить перемещение пользователем всплывающего окна за пределы экрана, когда оно открыто. По умолчанию соответствует параметру Map's closePopupOnClick. |
closeButton |
Boolean |
true | Управляет наличием кнопки закрытия в всплывающем окне. |
closeOnClick |
Boolean |
* | Установите, если вы хотите переопределить стандартное поведение закрытия всплывающего окна при щелчке пользователем по карте. По умолчанию соответствует параметру Map's closePopupOnClick. |
autoClose |
Boolean |
true | Установите в false, если вы хотите переопределить стандартное поведение закрытия всплывающего окна при открытии другого всплывающего окна. |
className |
String |
'' | Пользовательское имя класса CSS для назначения всплывающему окну. |
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
offset |
Point |
Point(0, 7) | Смещение позиции всплывающего окна. Полезно для управления якорем всплывающего окна при его открытии на некоторых наложениях. |
pane |
String |
'popupPane' |
Map pane, где будет добавлено всплывающее окно. |
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
attribution |
String |
null | Строка, отображаемая в элементе управления атрибуцией, описывающая данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
getLatLng() | LatLng |
Возвращает географическую точку всплывающей подсказки. |
setLatLng( | this |
Устанавливает географическую точку, где откроется всплывающая подсказка. |
getContent() | String|HTMLElement |
Возвращает содержимое всплывающей подсказки. |
setContent( | this |
Устанавливает HTML-содержимое всплывающей подсказки. Если передается функция, к функции будет передан исходный слой. Функция должна возвращать |
getElement() | String|HTMLElement |
Псевдоним для getContent() |
update() | null |
Обновляет содержимое, макет и положение всплывающей подсказки. Полезно для обновления всплывающей подсказки после изменения чего-либо внутри, например, загрузки изображения. |
isOpen() | Boolean |
Возвращает |
bringToFront() | this |
Выводит эту всплывающую подсказку вперед других всплывающих подсказок (в том же окне карты). |
bringToBack() | this |
Перемещает эту всплывающую подсказку назад других всплывающих подсказок (в том же окне карты). |
openOn( | this |
Добавляет всплывающую подсказку на карту и закрывает предыдущую. То же, что и |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Связывает всплывающую подсказку со слоем с переданным |
unbindPopup() | this |
Удаляет всплывающую подсказку, ранее связанную с |
openPopup( | this |
Открывает связанную всплывающую подсказку в указанной |
closePopup() | this |
Закрывает всплывающую подсказку, привязанную к этому слою, если она открыта. |
togglePopup() | this |
Открывает или закрывает всплывающую подсказку, привязанную к этому слою, в зависимости от текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getPopup() | Popup |
Возвращает всплывающую подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее связанную с |
openTooltip( | this |
Открывает связанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-слушатель ( |
on( | this |
Добавляет набор пар тип/слушатель, например, |
off( | this |
Удаляет ранее добавленную функцию-слушатель. Если функция не указана, удалит всех слушателей этого события из объекта. Обратите внимание, если вы передали пользовательский контекст для |
off( | this |
Удаляет набор пар тип/слушатель. |
off() | this |
Удаляет всех слушателей всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно передать объект данных — свойства этого объекта будут первым аргументом функции-слушателя. Событие также может быть передано родительским элементам. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский элемент события — |
removeEventParent( | this |
Удаляет родительский элемент события, так что он перестанет получать передаваемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Подсказка
Используется для отображения коротких текстов над слоями карты.
Пример использования
marker.bindTooltip("my tooltip text").openTooltip();
Замечание об отступе подсказки. Leaflet учитывает два варианта для вычисления отступа подсказки:
- опция
offsetподсказки: по умолчанию [0, 0], и относится к одной подсказке. Положительный x сдвиг сместит подсказку вправо, положительный y — вниз. Отрицательные значения — влево и вверх. - опция
tooltipAnchorзначка: учитывается только для маркеров. Вам следует скорректировать это значение, если вы используете пользовательский значок.
Создание
| Фабрика | Описание |
|---|---|
L.tooltip( | Создаёт объект Tooltip с необязательным объектом options, описывающим его внешний вид и положение, и необязательным объектом source, используемым для маркировки подсказки ссылкой на соответствующий слой. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'tooltipPane' |
Map pane, где будет добавлена подсказка. |
offset |
Point |
Point(0, 0) | Необязательный отступ от позиции подсказки. |
direction |
String |
'auto' | Направление открытия подсказки. Возможные значения: right, left, top, bottom, center, auto. auto динамически переключается между right и left в зависимости от положения подсказки на карте. |
permanent |
Boolean |
false | Открывать подсказку постоянно или только при наведении курсора. |
sticky |
Boolean |
false | Если true, подсказка будет следовать за курсором мыши вместо закрепления в центре объекта. |
interactive |
Boolean |
false | Если true, подсказка будет реагировать на события объекта. |
opacity |
Number |
0.9 | Прозрачность контейнера подсказки. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
className |
String |
'' | Пользовательское имя класса CSS для присвоения всплывающей подсказке. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
attribution |
String |
null | Строка, отображаемая в элементе управления атрибуцией, описывающая данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту. |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с заданной карты. |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется элементом управления атрибуцией, возвращает опцию атрибуции. |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающее окно к слою с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее привязанное с помощью |
openPopup( | this |
Открывает привязанное всплывающее окно в указанной |
closePopup() | this |
Закрывает привязанное к данному слою всплывающее окно, если оно открыто. |
togglePopup() | this |
Открывает или закрывает привязанное к этому слою всплывающее окно в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающего окна, привязанного к этому слою. |
getPopup() | Popup |
Возвращает всплывающее окно, привязанное к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от ее текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удаляются все обработчики этого события из объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно предоставить объект данных — первый аргумент функции-обработчика будет содержать его свойства. Событие может быть необязательно распространено на родительские элементы. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский элемент события — |
removeEventParent( | this |
Удаляет родительский элемент события, так что он перестанет получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Слой_плиток
Используется для загрузки и отображения слоев плиток на карте. Расширяет GridLayer.
Пример использования
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png?{foo}', {foo: 'bar'}).addTo(map);
Шаблон URL
Строка следующего формата:
'http://{s}.somedomain.com/blabla/{z}/{x}/{y}{r}.png'
Вы можете использовать пользовательские ключи в шаблоне, которые будут оцениваться из параметров TileLayer, например так:
L.tileLayer('http://{s}.somedomain.com/{foo}/{z}/{x}/{y}.png', {foo: 'bar'});
Создание
Методы расширения
| Фабрика | Описание |
|---|---|
L.tilelayer( | Создаёт объект слоя плиток, используя URL template и необязательно объект параметров. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
minZoom |
Number |
0 | Минимальное значение масштаба. |
maxZoom |
Number |
18 | Максимальное значение масштаба. |
maxNativeZoom |
Number |
null | Максимальное значение масштаба, доступное для источника плиток. Если указано, плитки всех уровней масштаба, больших, чем maxNativeZoom, будут загружаться с уровня maxNativeZoom и автоматически масштабироваться. |
minNativeZoom |
Number |
null | Минимальное значение масштаба, доступное для источника плиток. Если указано, плитки всех уровней масштаба, меньших, чем minNativeZoom, будут загружаться с уровня minNativeZoom и автоматически масштабироваться. |
subdomains |
String|String[] |
'abc' | Поддомены службы плиток. Может быть передан в виде одной строки (где каждый символ — имя поддомена) или массива строк. |
errorTileUrl |
String |
'' | URL изображения плитки, которое будет отображаться вместо плитки, не загрузившейся. |
zoomOffset |
Number |
0 | Номер масштаба, используемый в URL-адресах плиток, будет смещён на это значение. |
tms |
Boolean |
false | Если true, инвертирует нумерацию оси Y для плиток (включите для сервисов TMS). |
zoomReverse |
Boolean |
false | Если установлено в true, номер масштаба, используемый в URL-адресах плиток, будет инвертирован (maxZoom - zoom вместо zoom). |
detectRetina |
Boolean |
false | Если true и пользователь находится на экране с технологией Retina, будет запрошено четыре плитки с половинным указанным размером и более высоким уровнем масштаба вместо одной для использования высокой чёткости. |
crossOrigin |
Boolean |
false | Если true, все плитки будут иметь свой атрибут crossOrigin установленным в ''. Это необходимо, если вы хотите получить доступ к данным пикселей плитки. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
tileSize |
Number|Point |
256 | Ширина и высота плиток в сетке. Используйте число, если ширина и высота равны, или L.point(width, height) в противном случае. |
opacity |
Number |
1.0 | Непрозрачность плиток. Может быть использован в функции createTile(). |
updateWhenIdle |
Boolean |
depends | Если false, новые плитки загружаются во время перемещения, иначе только после него (для лучшей производительности). true по умолчанию в мобильных браузерах, иначе false. |
updateWhenZooming |
Boolean |
true | По умолчанию, плавная анимация масштабирования (во время масштабирования нажатием или flyTo()) будет обновлять слои сетки каждый целочисленный уровень масштаба. Установка этого параметра в false обновит слой сетки только по завершении плавной анимации. |
updateInterval |
Number |
200 | Плитки не будут обновляться чаще, чем один раз каждые updateInterval миллисекунд при перемещении. |
zIndex |
Number |
1 | Явное значение z-индекса слоя плиток. |
bounds |
LatLngBounds |
undefined | Если задано, плитки будут загружаться только внутри заданных LatLngBounds. |
noWrap |
Boolean |
false | Будет ли слой оборачиваться вокруг антимеридиана. Если true, GridLayer будет отображаться только один раз при низких уровнях масштаба. Не имеет эффекта, если система координат карты (map CRS) не оборачивается. Может использоваться в сочетании с bounds, чтобы предотвратить запрос плиток за пределами границ системы координат. |
pane |
String |
'tilePane' |
Map pane, куда будет добавлен слой сетки. |
className |
String |
'' | Пользовательское имя класса, которое будет назначено слою плиток. По умолчанию пустое. |
keepBuffer |
Number |
2 | При перемещении карты сохраняйте это количество строк и столбцов плиток перед их разгрузкой. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
attribution |
String |
null | Строка, которая будет отображаться в контроле атрибутов, описывает данные слоя, например, «© Mapbox». |
События
| Событие | Данные | Описание |
|---|---|---|
loading
|
||
tileunload
|
||
tileloadstart
|
||
tileerror
|
||
tileload
|
||
load
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
setUrl( | this |
Обновляет шаблон URL слоя и перерисовывает его (если |
createTile( | HTMLElement |
Вызывается только внутри, переопределяет |
Методы расширения
TileLayer, могут повторно реализовать следующий метод.| Метод | Возвращает | Описание |
|---|---|---|
getTileUrl( | String |
Вызывается только внутри, возвращает URL-адрес плитки, учитывая её координаты. Классы, расширяющие |
| Метод | Возвращает | Описание |
|---|---|---|
bringToFront() | this |
Перемещает слой плиток наверх всех слоёв плиток. |
bringToBack() | this |
Перемещает слой плиток вниз всех слоёв плиток. |
getContainer() | HTMLElement |
Возвращает HTML-элемент, содержащий плитки для данного слоя. |
setOpacity( | this |
Изменяет прозрачность слоя плиток. |
setZIndex( | this |
Изменяет zIndex слоя плиток. |
isLoading() | Boolean |
Возвращает |
redraw() | this |
Принуждает слой очистить все плитки и запросить их снова. |
getTileSize() | Point |
Нормализует параметр tileSize в точку. Используется методом |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту. |
remove() | this |
Удаляет слой с карты, на которой он в данный момент активен. |
removeFrom( | this |
Удаляет слой с заданной карты. |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется методом |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающую подсказку к слою с переданным |
unbindPopup() | this |
Удаляет всплывающую подсказку, ранее привязанную с помощью |
openPopup( | this |
Открывает привязанную всплывающую подсказку в указанной |
closePopup() | this |
Закрывает всплывающую подсказку, привязанную к этому слою, если она открыта. |
togglePopup() | this |
Открывает или закрывает всплывающую подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getPopup() | Popup |
Возвращает всплывающую подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удаляются все обработчики этого события из объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий в объекте. |
fire( | this |
Вызывает событие указанного типа. Можно необязательно передать объект данных — свойства этого объекта станут первым аргументом функции-обработчика. Событие можно необязательно распространить на родительские элементы. |
listens( | Boolean |
Возвращает |
once(…) | this |
Поведение аналогично |
addEventParent( | this |
Добавляет родительский элемент события — |
removeEventParent( | this |
Удаляет родительский элемент события, чтобы он перестал получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
TileLayer.WMS
Используется для отображения WMS сервисов в виде слоёв плиток на карте. Расширяет TileLayer.
Пример использования
var nexrad = L.tileLayer.wms("http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r.cgi", {
layers: 'nexrad-n0r-900913',
format: 'image/png',
transparent: true,
attribution: "Weather data © 2012 IEM Nexrad"
});
Создание
| Фабрика | Описание |
|---|---|
L.tileLayer.wms( | Создаёт объект слоя плиток WMS на основе базового URL WMS-сервиса и объекта параметров/настроек WMS. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
layers |
String |
'' | (обязательно) Список слоёв WMS для отображения, разделённый запятыми. |
styles |
String |
'' | Список стилей WMS, разделённый запятыми. |
format |
String |
'image/jpeg' | Формат изображения WMS (используйте 'image/png' для слоёв с прозрачностью). |
transparent |
Boolean |
false | Если true, служба WMS вернёт изображения с прозрачностью. |
version |
String |
'1.1.1' | Версия службы WMS для использования |
crs |
CRS |
null | Система координат, которую следует использовать для запросов к WMS, по умолчанию используется система координат карты. Не изменяйте это, если не уверены, что это означает. |
uppercase |
Boolean |
false | Если true, ключи параметров запроса WMS будут в верхнем регистре. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
minZoom |
Number |
0 | Минимальный номер масштаба. |
maxZoom |
Number |
18 | Максимальный номер масштаба. |
maxNativeZoom |
Number |
null | Максимальный номер масштаба, доступный для источника тайлов. Если он указан, тайлы на всех уровнях масштаба, выше maxNativeZoom, будут загружаться с уровня maxNativeZoom и автоматически масштабироваться. |
minNativeZoom |
Number |
null | Минимальный номер масштаба, доступный для источника тайлов. Если он указан, тайлы на всех уровнях масштаба, ниже minNativeZoom, будут загружаться с уровня minNativeZoom и автоматически масштабироваться. |
subdomains |
String|String[] |
'abc' | Поддомены службы тайлов. Можно передать в виде одной строки (где каждая буква — имя поддомена) или массива строк. |
errorTileUrl |
String |
'' | URL изображения тайла, которое должно отображаться вместо тайла, не загрузившегося. |
zoomOffset |
Number |
0 | Номер масштаба, используемый в URL тайлов, будет смещён на это значение. |
tms |
Boolean |
false | Если true, инвертирует нумерацию оси Y для тайлов (включите для служб TMS). |
zoomReverse |
Boolean |
false | Если установлено в true, номер масштаба, используемый в URL тайлов, будет инвертирован (maxZoom - zoom вместо zoom). |
detectRetina |
Boolean |
false | Если true и пользователь находится на экране с поддержкой Retina, он запросит четыре тайла наполовину указанного размера и более высокую ступень масштабирования вместо одного для использования высокого разрешения. |
crossOrigin |
Boolean |
false | Если true, все тайлы будут иметь свой атрибут crossOrigin, установленный в ''. Это необходимо, если вы хотите получить доступ к пиксельным данным тайлов. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
tileSize |
Number|Point |
256 | Ширина и высота тайлов в сетке. Используйте число, если ширина и высота равны, или L.point(width, height) в противном случае. |
opacity |
Number |
1.0 | Непрозрачность тайлов. Может использоваться в функции createTile(). |
updateWhenIdle |
Boolean |
depends | Если false, новые тайлы загружаются во время перемещения, иначе только после него (для лучшей производительности). По умолчанию true в мобильных браузерах, иначе false. |
updateWhenZooming |
Boolean |
true | По умолчанию плавная анимация масштабирования (при тактильном масштабировании или flyTo()) будет обновлять слои сетки на каждом целочисленном уровне масштабирования. Установка этого параметра в false обновит слой сетки только после окончания плавной анимации. |
updateInterval |
Number |
200 | Тайлы не будут обновляться чаще, чем один раз каждые updateInterval миллисекунд во время перемещения. |
zIndex |
Number |
1 | Явное значение zIndex слоя тайлов. |
bounds |
LatLngBounds |
undefined | При установке тайлы будут загружаться только внутри заданной LatLngBounds. |
noWrap |
Boolean |
false | Будет ли слой перекрываться через антимеридиан. Если true, GridLayer будет отображаться только один раз на низких уровнях масштабирования. Не имеет эффекта, если система координат карты (map CRS) не перекрывается. Может использоваться в сочетании с bounds для предотвращения запросов тайлов за пределами ограничений CRS. |
pane |
String |
'tilePane' |
Map pane, куда будет добавлен слой сетки. |
className |
String |
'' | Пользовательское имя класса для назначения слою тайлов. По умолчанию пустое. |
keepBuffer |
Number |
2 | При перемещении карты сохраняйте это количество строк и столбцов тайлов перед их разгрузкой. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
attribution |
String |
null | Строка, отображаемая в элементе управления подписью, описывает данные слоя, например "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
loading
|
||
tileunload
|
||
tileloadstart
|
||
tileerror
|
||
tileload
|
||
load
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
setParams( | this |
Объединяет объект с новыми параметрами и повторно запрашивает тайлы на текущем экране (если |
| Метод | Возвращает | Описание |
|---|---|---|
setUrl( | this |
Обновляет шаблон URL слоя и перерисовывает его (если |
createTile( | HTMLElement |
Вызывается только внутренне, переопределяет |
| Метод | Возвращает | Описание |
|---|---|---|
bringToFront() | this |
Выводит слой тайлов поверх всех других слоёв тайлов. |
bringToBack() | this |
Выводит слой тайлов под все остальные слои тайлов. |
getContainer() | HTMLElement |
Возвращает HTML-элемент, содержащий тайлы для этого слоя. |
setOpacity( | this |
Изменяет непрозрачность слоя сетки. |
setZIndex( | this |
Изменяет zIndex слоя сетки. |
isLoading() | Boolean |
Возвращает |
redraw() | this |
Принудительно очищает все тайлы слоя и запрашивает их повторно. |
getTileSize() | Point |
Нормализует параметр tileSize в точку. Используется методом |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой к заданной карте. |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с заданной карты. |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется методом |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающую подсказку к слою с переданной |
unbindPopup() | this |
Удаляет всплывающую подсказку, ранее привязанную с помощью |
openPopup( | this |
Открывает привязанную всплывающую подсказку в указанной |
closePopup() | this |
Закрывает привязанную к этому слою всплывающую подсказку, если она открыта. |
togglePopup() | this |
Открывает или закрывает всплывающую подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getPopup() | Popup |
Возвращает всплывающую подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданной |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-слушатель ( |
on( | this |
Добавляет набор пар тип/слушатель, например, |
off( | this |
Удаляет ранее добавленную функцию-слушатель. Если функция не указана, будут удалены все слушатели данного события для объекта. Обратите внимание, что если вы передали пользовательский контекст для |
off( | this |
Удаляет набор пар тип/слушатель. |
off() | this |
Удаляет всех слушателей всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно передать объект данных — первый аргумент функции-слушателя будет содержать его свойства. Событие может быть необязательно распространено на родительские события. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительское событие — |
removeEventParent( | this |
Удаляет родительское событие, поэтому оно перестанет получать распространяемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
ImageOverlay
Используется для загрузки и отображения одного изображения над определёнными границами карты. Расширяет Layer.
Пример использования
var imageUrl = 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg',
imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]];
L.imageOverlay(imageUrl, imageBounds).addTo(map);
Создание
| Фабрика | Описание |
|---|---|
L.imageOverlay( | Создаёт объект наложения изображения по заданному URL изображения и географическим границам, к которым он привязан. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
opacity |
Number |
1.0 | Прозрачность наложения изображения. |
alt |
String |
'' | Текст для атрибута alt изображения (полезно для доступности). |
interactive |
Boolean |
false | Если true, наложение изображения будет генерировать события мыши при щелчке или наведении курсора. |
crossOrigin |
Boolean |
false | Если true, атрибут crossOrigin изображения будет установлен в ''. Это необходимо, если вы хотите получить доступ к пиксельным данным изображения. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен в панель наложения карты. Переопределение этого параметра вызовет размещение слоя на другой панели по умолчанию. |
attribution |
String |
null | Строка, отображаемая в элементе управления атрибуцией, описывающая данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
click
|
||
dblclick
|
||
mousedown
|
||
mouseover
|
||
mouseout
|
||
contextmenu
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
setOpacity( | this |
Устанавливает прозрачность наложения. |
bringToFront() | this |
Выводит слой поверх всех наложений. |
bringToBack() | this |
Выводит слой под все наложения. |
setUrl( | this |
Изменяет URL изображения. |
setBounds( | this |
Обновляет границы, покрываемые этим ImageOverlay |
getBounds() | LatLngBounds |
Получить границы, покрываемые этим ImageOverlay |
getElement() | HTMLElement |
Получить элемент img, представляющий ImageOverlay на карте |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой к заданной карте |
remove() | this |
Удаляет слой с активной карты. |
removeFrom( | this |
Удаляет слой с данной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется элементом управления атрибуцией, возвращает параметр атрибуции. |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающее окно к слою с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее привязанное с помощью |
openPopup( | this |
Открывает привязанное всплывающее окно в указанной |
closePopup() | this |
Закрывает всплывающее окно, привязанное к этому слою, если оно открыто. |
togglePopup() | this |
Открывает или закрывает всплывающее окно, привязанное к этому слою, в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающего окна, привязанного к этому слою. |
getPopup() | Popup |
Возвращает всплывающее окно, привязанное к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданной |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку по указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от ее текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удаляет все обработчики этого события из объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете дополнительно передать объект данных — свойства этого объекта будут первым аргументом функции-обработчика. Событие может быть дополнительно распространено родительским элементам. |
listens( | Boolean |
Возвращает |
once(…) | this |
Действует как |
addEventParent( | this |
Добавляет родителя события — |
removeEventParent( | this |
Удаляет родителя события, чтобы он перестал получать распространяемые события. |
addEventListener(…) | this |
Псевдоним к |
removeEventListener(…) | this |
Псевдоним к |
clearAllEventListeners(…) | this |
Псевдоним к |
addOneTimeEventListener(…) | this |
Псевдоним к |
fireEvent(…) | this |
Псевдоним к |
hasEventListeners(…) | Boolean |
Псевдоним к |
Путь
Абстрактный класс, содержащий параметры и константы, общие для векторных наложений (Многоугольник, Полилиния, Окружность). Не используйте его напрямую. Расширяет Layer.
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
stroke |
Boolean |
true | Отображать ли линию обводки по пути. Установите в false, чтобы отключить границы многоугольников или окружностей. |
color |
String |
'#3388ff' | Цвет линии обводки |
weight |
Number |
3 | Ширина линии обводки в пикселях |
opacity |
Number |
1.0 | Непрозрачность линии обводки |
lineCap |
String |
'round' | Строка, определяющая форму, используемую в конце линии обводки. |
lineJoin |
String |
'round' | Строка, определяющая форму, используемую в углах линии обводки. |
dashArray |
String |
null | Строка, определяющая паттерн штриховки линии обводки. Не работает на слоях, использующих Canvas, в некоторых старых браузерах. |
dashOffset |
String |
null | Строка, определяющая расстояние в шаблоне штриховки для начала штриха. Не работает на слоях, использующих Canvas, в некоторых старых браузерах. |
fill |
Boolean |
depends | Заполнять ли путь цветом. Установите в false, чтобы отключить заполнение многоугольников или окружностей. |
fillColor |
String |
* | Цвет заливки. По умолчанию соответствует значению параметра color |
fillOpacity |
Number |
0.2 | Непрозрачность заливки. |
fillRule |
String |
'evenodd' | Строка, определяющая как определяется внутренняя часть фигуры. |
renderer |
Renderer |
Используйте этот экземпляр Renderer для этого пути. Имеет приоритет над по умолчанию рендерером карты. | |
className |
String |
null | Пользовательское имя класса, заданное для элемента. Только для рендеринга SVG. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
interactive |
Boolean |
true | Если false, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой добавляется в слой наложения карты. Переопределение этого параметра приведет к размещению слоя по умолчанию на другом слое. |
attribution |
String |
null | Строка, отображаемая в элементе управления атрибутами, описывающая данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
click
|
||
dblclick
|
||
mousedown
|
||
mouseover
|
||
mouseout
|
||
contextmenu
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращаемое значение | Описание |
|---|---|---|
redraw() | this |
Перерисовывает слой. Иногда полезно после изменения координат, используемых путем. |
setStyle( | this |
Изменяет внешний вид Path на основе параметров в объекте |
bringToFront() | this |
Выводит слой поверх всех слоев пути. |
bringToBack() | this |
Выводит слой под все слои пути. |
| Метод | Возвращаемое значение | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на данную карту |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется для |
| Метод | Возвращаемое значение | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающее окно к слою с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее привязанное с |
openPopup( | this |
Открывает привязанное всплывающее окно в указанной |
closePopup() | this |
Закрывает привязанное всплывающее окно, если оно открыто. |
togglePopup() | this |
Открывает или закрывает привязанное всплывающее окно в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающего окна, привязанного к этому слою. |
getPopup() | Popup |
Возвращает всплывающее окно, привязанное к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает привязанную к этому слою подсказку, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удаляет все обработчики указанного события из объекта. Обратите внимание, если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Можно дополнительно передать объект данных — свойства этого объекта будут первым аргументом функции-обработчика. Событие может быть произвольно распространено на родительские объекты. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский обработчик событий - |
removeEventParent( | this |
Удаляет родительский обработчик событий, поэтому он перестанет получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Полилиния
Класс для отрисовки полилиний на карте. Расширяет Path.
Пример использования
// create a red polyline from an array of LatLng points
var latlngs = [
[45.51, -122.68],
[37.77, -122.43],
[34.04, -118.2]
];
var polyline = L.polyline(latlngs, {color: 'red'}).addTo(map);
// zoom the map to the polyline
map.fitBounds(polyline.getBounds());
Также можно передать многомерный массив для представления MultiPolyline фигуры:
// create a red polyline from an array of arrays of LatLng points
var latlngs = [
[[45.51, -122.68],
[37.77, -122.43],
[34.04, -118.2]],
[[40.78, -73.91],
[41.83, -87.62],
[32.76, -96.72]]
];
Создание
| Фабрика | Описание |
|---|---|
L.polyline( | Создаёт объект полилинии по массиву географических точек и, необязательно, объекту опций. Можно создать объект Polyline с несколькими отдельными линиями (MultiPolyline), передав массив массивов географических точек. |
Опции
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
smoothFactor |
Number |
1.0 | Степень упрощения полилинии на каждом уровне масштабирования. Большее значение означает лучшую производительность и более плавный вид, меньшее — более точное представление. |
noClip |
Boolean |
false | Отключение обрезки полилиний. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
stroke |
Boolean |
true | Отрисовка линии вдоль пути. Установите в false, чтобы отключить границы на многоугольниках или окружностях. |
color |
String |
'#3388ff' | Цвет линии |
weight |
Number |
3 | Ширина линии в пикселях |
opacity |
Number |
1.0 | Прозрачность линии |
lineCap |
String |
'round' | Строка, определяющая форму, используемую в конце линии. |
lineJoin |
String |
'round' | Строка, определяющая форму, используемую в углах линии. |
dashArray |
String |
null | Строка, определяющая паттерн штриховки линии. Не работает на слоях, использующих Canvas в некоторых старых браузерах. |
dashOffset |
String |
null | Строка, определяющая расстояние в паттерне штриховки для начала штриха. Не работает на слоях, использующих Canvas в некоторых старых браузерах. |
fill |
Boolean |
depends | Заливка пути цветом. Установите в false, чтобы отключить заливку многоугольников или окружностей. |
fillColor |
String |
* | Цвет заливки. По умолчанию соответствует значению опции color |
fillOpacity |
Number |
0.2 | Прозрачность заливки. |
fillRule |
String |
'evenodd' | Строка, определяющая правила определения внутренней части фигуры. |
renderer |
Renderer |
Используйте этот экземпляр Renderer для этой полилинии. Имеет приоритет над стандартным рендерером карты. | |
className |
String |
null | Пользовательское имя класса, задаваемое элементу. Только для рендера SVG. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
interactive |
Boolean |
true | Если false, слой не будет генерировать события мыши и будет частью базовой карты. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой добавляется в панель наложений карты. Изменение этого параметра приведет к добавлению слоя на другую панель по умолчанию. |
attribution |
String |
null | Строка, отображаемая в элементе подписи, описывающая данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
click
|
||
dblclick
|
||
mousedown
|
||
mouseover
|
||
mouseout
|
||
contextmenu
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
toGeoJSON() | Object |
Возвращает представление полилинии в формате |
getLatLngs() | LatLng[] |
Возвращает массив точек пути или вложенные массивы точек в случае с мульти-полилинией. |
setLatLngs( | this |
Заменяет все точки в полилинии заданным массивом географических точек. |
isEmpty() | Boolean |
Возвращает |
getCenter() | LatLng |
Возвращает центр ('центроид') полилинии. |
getBounds() | LatLngBounds |
Возвращает |
addLatLng( | this |
Добавляет заданную точку в полилинию. По умолчанию добавляет к первому кольцу полилинии в случае с мульти-полилинией, но можно переопределить, передав определенное кольцо как массив LatLng (к которому можно получить доступ ранее с помощью |
| Метод | Возвращает | Описание |
|---|---|---|
redraw() | this |
Перерисовывает слой. Иногда полезно после изменения координат, используемых путем. |
setStyle( | this |
Изменяет внешний вид пути на основе параметров в объекте |
bringToFront() | this |
Выводит слой поверх всех слоев пути. |
bringToBack() | this |
Выводит слой под все слои пути. |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой к заданной карте |
remove() | this |
Удаляет слой с активной карты. |
removeFrom( | this |
Удаляет слой с данной карты. |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется элементом подписи, возвращает опцию подписи. |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Связывает всплывающее окно со слоем с переданной |
unbindPopup() | this |
Удаляет привязанное всплывающее окно с помощью |
openPopup( | this |
Открывает привязанное всплывающее окно в указанной |
closePopup() | this |
Закрывает привязанное всплывающее окно, если оно открыто. |
togglePopup() | this |
Открывает или закрывает привязанное всплывающее окно в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое привязанного всплывающего окна. |
getPopup() | Popup |
Возвращает привязанное всплывающее окно. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Связывает подсказку со слоем с переданной |
unbindTooltip() | this |
Удаляет привязанную подсказку с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает привязанную подсказку, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает привязанную подсказку в зависимости от ее текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое привязанной подсказки. |
getTooltip() | Tooltip |
Возвращает привязанную подсказку. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар «тип/обработчик», например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удалит всех обработчиков этого события для данного объекта. Обратите внимание, что если вы передали пользовательский контекст для |
off( | this |
Удаляет набор пар «тип/обработчик». |
off() | this |
Удаляет всех обработчиков всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Можно дополнительно передать объект данных — свойства этого объекта будут доступны как первый аргумент функции-обработчика. Событие может быть распространено к родительским событиям. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительское событие — |
removeEventParent( | this |
Удаляет родительское событие, чтобы оно перестало получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Многоугольник
Класс для рисования многоугольных наложений на карте. Расширяет Polyline. Обратите внимание, что координаты, передаваемые при создании многоугольника, не должны содержать дополнительную последнюю точку, равную первой — лучше отфильтровать такие точки.
Пример использования
// create a red polygon from an array of LatLng points
var latlngs = [[37, -109.05],[41, -109.03],[41, -102.05],[37, -102.04]];
var polygon = L.polygon(latlngs, {color: 'red'}).addTo(map);
// zoom the map to the polygon
map.fitBounds(polygon.getBounds());
Также можно передать массив массивов координат latlng, где первый массив представляет внешнюю форму, а другие массивы представляют собой отверстия во внешней форме:
var latlngs = [ [[37, -109.05],[41, -109.03],[41, -102.05],[37, -102.04]], // outer ring [[37.29, -108.58],[40.71, -108.58],[40.71, -102.50],[37.29, -102.50]] // hole ];
Кроме того, можно передать многомерный массив для представления многоугольника.
var latlngs = [
[ // first polygon
[[37, -109.05],[41, -109.03],[41, -102.05],[37, -102.04]], // outer ring
[[37.29, -108.58],[40.71, -108.58],[40.71, -102.50],[37.29, -102.50]] // hole
],
[ // second polygon
[[41, -111.03],[45, -111.04],[45, -104.05],[41, -104.05]]
]
];
Создание
| Фабрика | Описание |
|---|---|
L.polygon( |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
smoothFactor |
Number |
1.0 | Насколько упрощается полилиния на каждом уровне масштабирования. Большее значение означает лучшую производительность и более плавный вид, а меньшее значение — более точное отображение. |
noClip |
Boolean |
false | Отключить обрезку полилинии. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
stroke |
Boolean |
true | Рисовать линию вдоль пути. Установите в false, чтобы отключить границы многоугольников или окружностей. |
color |
String |
'#3388ff' | Цвет линии |
weight |
Number |
3 | Ширина линии в пикселях |
opacity |
Number |
1.0 | Прозрачность линии |
lineCap |
String |
'round' | Строка, определяющая форму, используемую в конце линии. |
lineJoin |
String |
'round' | Строка, определяющая форму, используемую в углах линии. |
dashArray |
String |
null | Строка, определяющая паттерн штриховки линии. Не работает на слоях, работающих на основе Canvas, в некоторых старых браузерах. |
dashOffset |
String |
null | Строка, определяющая расстояние до начала штриховки в шаблоне штриховки. Не работает на слоях, работающих на основе Canvas, в некоторых старых браузерах. |
fill |
Boolean |
depends | Заливать путь цветом. Установите в false, чтобы отключить заливку многоугольников или окружностей. |
fillColor |
String |
* | Цвет заливки. По умолчанию соответствует значению параметра color |
fillOpacity |
Number |
0.2 | Прозрачность заливки. |
fillRule |
String |
'evenodd' | Строка, определяющая правила определения внутренней части фигуры. |
renderer |
Renderer |
Использовать данный экземпляр Renderer для этого пути. Имеет приоритет над по умолчанию рендерером карты. | |
className |
String |
null | Пользовательское имя класса, установленное на элементе. Только для SVG рендера. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
interactive |
Boolean |
true | Если false, слой не будет генерировать события мыши и будет частью основной карты. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен к слою наложения карты. Переопределение этого параметра добавит слой на другой слой по умолчанию. |
attribution |
String |
null | Строка, отображаемая в элементе управления атрибуцией, описывает данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
click
|
||
dblclick
|
||
mousedown
|
||
mouseover
|
||
mouseout
|
||
contextmenu
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы (polygon)
| Метод | Возвращает | Описание |
|---|---|---|
toGeoJSON() | Object |
Возвращает представление многоугольника в формате |
| Метод | Возвращает | Описание |
|---|---|---|
getLatLngs() | LatLng[] |
Возвращает массив точек пути или вложенные массивы точек в случае многократной полилинии. |
setLatLngs( | this |
Заменяет все точки полилинии заданным массивом географических точек. |
isEmpty() | Boolean |
Возвращает |
getCenter() | LatLng |
Возвращает центр (центроид) полилинии. |
getBounds() | LatLngBounds |
Возвращает |
addLatLng( | this |
Добавляет заданную точку в полилинию. По умолчанию добавляет к первому кольцу полилинии в случае многократной полилинии, но может быть переопределено путем передачи конкретного кольца как массива LatLng (к которому вы можете получить доступ с помощью |
| Метод | Возвращает | Описание |
|---|---|---|
redraw() | this |
Перерисовывает слой. Иногда полезно после изменения координат, используемых путем. |
setStyle( | this |
Изменяет внешний вид объекта Path на основе параметров в объекте |
bringToFront() | this |
Перемещает слой наверх всех слоев пути. |
bringToBack() | this |
Перемещает слой в низ всех слоев пути. |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой к заданной карте |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Связывает всплывающую подсказку со слоем с переданным |
unbindPopup() | this |
Удаляет всплывающую подсказку, ранее привязанную с помощью |
openPopup( | this |
Открывает привязанную всплывающую подсказку в указанной |
closePopup() | this |
Закрывает всплывающую подсказку, привязанную к этому слою, если она открыта. |
togglePopup() | this |
Открывает или закрывает всплывающую подсказку, привязанную к этому слою, в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getPopup() | Popup |
Возвращает всплывающую подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от его текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-слушатель ( |
on( | this |
Добавляет набор пар тип/слушатель, например, |
off( | this |
Удаляет ранее добавленную функцию-слушатель. Если функция не указана, удаляются все слушатели этого конкретного события от объекта. Обратите внимание, что если вы передали пользовательский контекст для |
off( | this |
Удаляет набор пар тип/слушатель. |
off() | this |
Удаляет всех слушателей всех событий от объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно предоставить объект данных — первое аргумент функции-слушателя будет содержать его свойства. Событие может быть необязательно распространено на родительские события. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родителя события — |
removeEventParent( | this |
Удаляет родителя события, чтобы он перестал получать распространяемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Прямоугольник
Класс для отрисовки прямоугольных наложений на карте. Расширяет Polygon.
Пример использования
// define rectangle geographical bounds
var bounds = [[54.559322, -5.767822], [56.1210604, -3.021240]];
// create an orange rectangle
L.rectangle(bounds, {color: "#ff7800", weight: 1}).addTo(map);
// zoom the map to the rectangle bounds
map.fitBounds(bounds);
Создание
| Фабрика | Описание |
|---|---|
L.rectangle( |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
smoothFactor |
Number |
1.0 | Насколько упрощать полилинию на каждом уровне масштабирования. Большее значение означает лучшую производительность и более плавный вид, а меньшее — более точное представление. |
noClip |
Boolean |
false | Отключить обрезку полилинии. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
stroke |
Boolean |
true | Отрисовывать линию вдоль пути. Установите в false, чтобы отключить границы на многоугольниках или окружностях. |
color |
String |
'#3388ff' | Цвет линии |
weight |
Number |
3 | Ширина линии в пикселях |
opacity |
Number |
1.0 | Прозрачность линии |
lineCap |
String |
'round' | Строка, определяющая форму, используемую в конце линии. |
lineJoin |
String |
'round' | Строка, определяющая форму, используемую в углах линии. |
dashArray |
String |
null | Строка, определяющая паттерн штрихов линии. Не работает на слоях, использующих Canvas в некоторых старых браузерах. |
dashOffset |
String |
null | Строка, определяющая расстояние в паттерне штрихов для начала штриха. Не работает на слоях, использующих Canvas в некоторых старых браузерах. |
fill |
Boolean |
depends | Заполнять ли путь цветом. Установите в false, чтобы отключить заполнение на многоугольниках или окружностях. |
fillColor |
String |
* | Цвет заливки. По умолчанию совпадает со значением параметра color |
fillOpacity |
Number |
0.2 | Непрозрачность заливки. |
fillRule |
String |
'evenodd' | Строка, определяющая как определяется внутренняя часть фигуры. |
renderer |
Renderer |
Использовать этот экземпляр Renderer для этого пути. Имеет приоритет над стандартным рендерером карты. | |
className |
String |
null | Пользовательское имя класса, устанавливаемое на элементе. Только для рендеринга SVG. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
interactive |
Boolean |
true | Если false, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой добавляется в слой наложений карты. Переопределение этого параметра приведет к размещению слоя на другом слое по умолчанию. |
attribution |
String |
null | Строка, отображаемая в панели атрибутов, описывающая данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
click
|
||
dblclick
|
||
mousedown
|
||
mouseover
|
||
mouseout
|
||
contextmenu
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Event | Data | Description |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
setBounds( | this |
Перерисовывает прямоугольник с переданными границами. |
| Метод | Возвращает | Описание |
|---|---|---|
toGeoJSON() | Object |
Возвращает представление многоугольника в формате |
| Метод | Возвращает | Описание |
|---|---|---|
getLatLngs() | LatLng[] |
Возвращает массив точек на пути или вложенные массивы точек в случае многократной полилинии. |
setLatLngs( | this |
Заменяет все точки полилинии заданным массивом географических точек. |
isEmpty() | Boolean |
Возвращает |
getCenter() | LatLng |
Возвращает центр (центр тяжести) полилинии. |
getBounds() | LatLngBounds |
Возвращает |
addLatLng( | this |
Добавляет заданную точку в полилинию. По умолчанию добавляет к первому кольцу полилинии в случае многократной полилинии, но можно переопределить, передав конкретное кольцо как массив LatLng (который вы можете получить ранее с помощью |
| Метод | Возвращает | Описание |
|---|---|---|
redraw() | this |
Перерисовывает слой. Иногда полезно после изменения координат, используемых путем. |
setStyle( | this |
Изменяет внешний вид пути на основе параметров в объекте |
bringToFront() | this |
Выводит слой наверх всех слоев пути. |
bringToBack() | this |
Выводит слой вниз по всем слоям пути. |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой к заданной карте |
remove() | this |
Удаляет слой с карты, на которой он в настоящее время активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающую подсказку к слою с переданным |
unbindPopup() | this |
Удаляет всплывающую подсказку, ранее привязанную с помощью |
openPopup( | this |
Открывает привязанную всплывающую подсказку в указанном |
closePopup() | this |
Закрывает привязанную к этому слою всплывающую подсказку, если она открыта. |
togglePopup() | this |
Открывает или закрывает всплывающую подсказку, привязанную к этому слою, в зависимости от текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getPopup() | Popup |
Возвращает всплывающую подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-слушатель ( |
on( | this |
Добавляет набор пар тип/слушатель, например, |
off( | this |
Удаляет ранее добавленную функцию-слушатель. Если функция не указана, удаляются все слушатели этого события из объекта. Обратите внимание, если вы передали пользовательский контекст для |
off( | this |
Удаляет набор пар тип/слушатель. |
off() | this |
Удаляет всех слушателей всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Можно необязательно передать объект данных — свойства этого объекта будут первым аргументом функции-слушателя. Событие может необязательно быть распространено на родительские события. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительское событие — |
removeEventParent( | this |
Удаляет родительское событие, поэтому оно перестанет получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Круг
Класс для рисования круговых наложений на карту. Расширяет CircleMarker. Это приближение, и оно начинает отклоняться от истинного круга ближе к полюсам (из-за искажений проекции).
Пример использования
L.circle([50.5, 30.5], {radius: 200}).addTo(map);
Создание
| Фабрика | Описание |
|---|---|
L.circle( | Создаёт объект круга, заданного географической точкой и объектом опций, содержащим радиус круга. |
L.circle( | Устаревший способ создания круга, для совместимости с кодом 0.7.x. Не использовать в новых приложениях или плагинах. |
Опции
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
radius |
Number |
Радиус круга в метрах. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
stroke |
Boolean |
true | Рисовать ли обводку по пути. Установите в false, чтобы отключить границы на многоугольниках или окружностях. |
color |
String |
'#3388ff' | Цвет обводки |
weight |
Number |
3 | Ширина обводки в пикселях |
opacity |
Number |
1.0 | Непрозрачность обводки |
lineCap |
String |
'round' | Строка, определяющая форму, используемую в конце обводки. |
lineJoin |
String |
'round' | Строка, определяющая форму, используемую в углах обводки. |
dashArray |
String |
null | Строка, определяющая паттерн штриховки обводки. Не работает на слоях, управляемых Canvas, в некоторых старых браузерах. |
dashOffset |
String |
null | Строка, определяющая расстояние в паттерне штриховки для начала штриха. Не работает на слоях, управляемых Canvas, в некоторых старых браузерах. |
fill |
Boolean |
depends | Заполнять ли путь цветом. Установите в false, чтобы отключить заполнение на многоугольниках или окружностях. |
fillColor |
String |
* | Цвет заливки. По умолчанию принимает значение опции color |
fillOpacity |
Number |
0.2 | Непрозрачность заливки. |
fillRule |
String |
'evenodd' | Строка, определяющая как определяется внутренняя часть фигуры. |
renderer |
Renderer |
Использовать этот конкретный экземпляр Renderer для этого пути. Имеет приоритет над стандартным рендерером карты. | |
className |
String |
null | Настраиваемое имя класса, заданное на элементе. Только для SVG рендерера. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
interactive |
Boolean |
true | Если false, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой добавляется на слой наложения карты. Изменение этой опции приведет к размещению слоя на другом слое по умолчанию. |
attribution |
String |
null | Строка, отображаемая в панели атрибутов, описывающая данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
click
|
||
dblclick
|
||
mousedown
|
||
mouseover
|
||
mouseout
|
||
contextmenu
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
setRadius( | this |
Устанавливает радиус окружности. Единицы измерения — метры. |
getRadius() | Number |
Возвращает текущий радиус окружности. Единицы измерения — метры. |
getBounds() | LatLngBounds |
Возвращает |
| Метод | Возвращает | Описание |
|---|---|---|
toGeoJSON() | Object |
Возвращает представление маркера окружности в формате |
setLatLng( | this |
Устанавливает положение маркера окружности в новом месте. |
getLatLng() | LatLng |
Возвращает текущее географическое положение маркера окружности. |
| Метод | Возвращает | Описание |
|---|---|---|
redraw() | this |
Перерисовывает слой. Иногда полезно после изменения координат, используемых путем. |
setStyle( | this |
Изменяет внешний вид объекта Path, основываясь на параметрах в объекте |
bringToFront() | this |
Переводит слой наверх всех слоев пути. |
bringToBack() | this |
Переводит слой в низ всех слоев пути. |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на указанную карту. |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с указанной карты. |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающую подсказку к слою с переданным |
unbindPopup() | this |
Удаляет всплывающую подсказку, ранее привязанную с помощью |
openPopup( | this |
Открывает привязанную всплывающую подсказку по указанным |
closePopup() | this |
Закрывает всплывающую подсказку, привязанную к этому слою, если она открыта. |
togglePopup() | this |
Открывает или закрывает всплывающую подсказку, привязанную к этому слою, в зависимости от текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getPopup() | Popup |
Возвращает всплывающую подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку по указанным |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удалятся все обработчики указанного события для объекта. Обратите внимание, что если вы передали пользовательский контекст для |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий для объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно предоставить объект данных — свойства объекта будут первым аргументом функции-обработчика. Событие может быть необязательно распространено на родительские элементы. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родителя события — |
removeEventParent( | this |
Удаляет родителя события, чтобы он перестал получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
CircleMarker
Круг фиксированного размера с радиусом, заданным в пикселях. Расширяет Path.
Создание
| Фабрика | Описание |
|---|---|
L.circleMarker( | Создаёт объект маркера круга, заданного географической точкой и необязательным объектом опций. |
Опции
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
radius |
Number |
10 | Радиус маркера круга в пикселях |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
stroke |
Boolean |
true | Определяет, будет ли нарисован контур по пути. Установите в false, чтобы отключить границы у полигонов или окружностей. |
color |
String |
'#3388ff' | Цвет контура |
weight |
Number |
3 | Ширина контура в пикселях |
opacity |
Number |
1.0 | Непрозрачность контура |
lineCap |
String |
'round' | Строка, определяющая форму, используемую в конце контура. |
lineJoin |
String |
'round' | Строка, определяющая форму, используемую в углах контура. |
dashArray |
String |
null | Строка, определяющая паттерн штриховки контура. Не работает на Canvas-слоях в некоторых старых браузерах. |
dashOffset |
String |
null | Строка, определяющая расстояние до начала паттерна штриховки. Не работает на Canvas-слоях в некоторых старых браузерах. |
fill |
Boolean |
depends | Определяет, будет ли заполнен путь цветом. Установите в false, чтобы отключить заполнение полигонов или окружностей. |
fillColor |
String |
* | Цвет заливки. По умолчанию соответствует значению опции color |
fillOpacity |
Number |
0.2 | Непрозрачность заливки. |
fillRule |
String |
'evenodd' | Строка, определяющая как определяется внутренняя часть фигуры. |
renderer |
Renderer |
Используйте этот экземпляр Renderer для этого пути. Имеет приоритет над стандартным рендерером карты. | |
className |
String |
null | Пользовательское имя класса, заданное на элементе. Только для SVG рендера. |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
interactive |
Boolean |
true | Если false, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен на слой наложения карты. Переопределение этой опции приведет к размещению слоя на другом слое по умолчанию. |
attribution |
String |
null | Строка, отображаемая в панели атрибуции, описывает данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
click
|
||
dblclick
|
||
mousedown
|
||
mouseover
|
||
mouseout
|
||
contextmenu
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
toGeoJSON() | Object |
Возвращает представление круговой метки в формате |
setLatLng( | this |
Устанавливает положение круговой метки в новом месте. |
getLatLng() | LatLng |
Возвращает текущее географическое положение круговой метки. |
setRadius( | this |
Устанавливает радиус круговой метки. Единицы измерения — пиксели. |
getRadius() | Number |
Возвращает текущий радиус круга. |
| Метод | Возвращает | Описание |
|---|---|---|
redraw() | this |
Перерисовывает слой. Иногда полезно после изменения координат, используемых траекторией. |
setStyle( | this |
Изменяет внешний вид объекта Path на основе параметров в объекте |
bringToFront() | this |
Выводит слой поверх всех слоев траектории. |
bringToBack() | this |
Выводит слой под все слои траектории. |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на указанную карту. |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с указанной карты. |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающую подсказку (popup) к слою с переданными |
unbindPopup() | this |
Удаляет ранее привязанную всплывающую подсказку (popup) с помощью |
openPopup( | this |
Открывает привязанную всплывающую подсказку (popup) в указанной |
closePopup() | this |
Закрывает всплывающую подсказку (popup), привязанную к этому слою, если она открыта. |
togglePopup() | this |
Открывает или закрывает всплывающую подсказку (popup), привязанную к этому слою, в зависимости от ее текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающей подсказки (popup), привязанной к этому слою. |
getPopup() | Popup |
Возвращает всплывающую подсказку (popup), привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку (tooltip) к слою с переданными |
unbindTooltip() | this |
Удаляет ранее привязанную подсказку (tooltip) с помощью |
openTooltip( | this |
Открывает привязанную подсказку (tooltip) в указанной |
closeTooltip() | this |
Закрывает подсказку (tooltip), привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку (tooltip), привязанную к этому слою, в зависимости от ее текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки (tooltip), привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку (tooltip), привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар "тип/обработчик", например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удаляются все обработчики данного события. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар "тип/обработчик". |
off() | this |
Удаляет все обработчики всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно предоставить объект данных — первый аргумент функции-обработчика будет содержать его свойства. Событие необязательно может быть передано родительским элементам. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведет себя как |
addEventParent( | this |
Добавляет родительский элемент события — |
removeEventParent( | this |
Удаляет родительский элемент события, так что он перестанет получать передаваемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
SVG
Хотя SVG недоступен в IE7 и IE8, эти браузеры поддерживают VML, и в этом случае рендерер SVG будет использовать VML по умолчанию. VML был устаревшим в 2012 году, что означает, что функциональность VML существует только для обратной совместимости со старыми версиями Internet Explorer.
Позволяет отображать векторные слои с помощью SVG. Наследует Renderer. Из-за технических ограничений, SVG не доступен во всех веб-браузерах, особенно в Android 2.x и 3.x. Хотя SVG недоступен в IE7 и IE8, эти браузеры поддерживают VML (теперь устаревшая технология), и в этом случае рендерер SVG будет использовать VML по умолчанию.
Пример использования
Используйте SVG по умолчанию для всех путей на карте:
var map = L.map('map', {
renderer: L.svg()
});
Используйте рендерер SVG с дополнительным отступом для конкретных векторных геометрий:
var map = L.map('map');
var myRenderer = L.svg({ padding: 0.5 });
var line = L.polyline( coordinates, { renderer: myRenderer } );
var circle = L.circle( center, { renderer: myRenderer } );
Создание
| Фабрика | Описание |
|---|---|
L.svg( | Создает рендерер SVG с заданными параметрами. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
padding |
Number |
0.1 | Насколько необходимо расширить область обрезки вокруг представления карты (относительно её размера), например, 0,1 будет соответствовать 10% представления карты в каждом направлении |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен в панель наложений карты. Переопределение этого параметра приведет к размещению слоя в другой панели по умолчанию. |
attribution |
String |
null | Строка, отображаемая в элементе управления атрибутами, описывающая данные слоя, например, «© Mapbox». |
События
| Событие | Данные | Описание |
|---|---|---|
update
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращаемое значение | Описание |
|---|---|---|
addTo( | this |
Добавляет слой к заданной карте |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется элементом управления атрибутами, возвращает параметр атрибуции. |
| Метод | Возвращаемое значение | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающее окно к слою с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее привязанное с помощью |
openPopup( | this |
Открывает привязанное всплывающее окно в указанной |
closePopup() | this |
Закрывает привязанное всплывающее окно к этому слою, если оно открыто. |
togglePopup() | this |
Открывает или закрывает всплывающее окно, привязанное к этому слою, в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающего окна, привязанного к этому слою. |
getPopup() | Popup |
Возвращает всплывающее окно, привязанное к этому слою. |
| Метод | Возвращаемое значение | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-слушатель ( |
on( | this |
Добавляет набор пар "тип/слушатель", например, |
off( | this |
Удаляет ранее добавленную функцию-слушатель. Если функция не указана, будут удалены все слушатели этого события из объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар "тип/слушатель". |
off() | this |
Удаляет всех слушателей всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно передать объект данных — первый аргумент функции-слушателя будет содержать его свойства. Событие может быть необязательно распространено на родительские элементы. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский элемент события — |
removeEventParent( | this |
Удаляет родительский элемент события, чтобы он перестал получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Функции
| Функция | Возвращает | Описание |
|---|---|---|
create( | SVGElement | Возвращает экземпляр SVGElement, соответствующий переданному имени класса. Например, использование 'line' вернёт экземпляр SVGLineElement. |
pointsToPath( | String | Генерирует строку SVG-пути для нескольких колец, при этом каждое кольцо преобразуется в инструкции "M..L..L..". |
Полотно
Позволяет отображать векторные слои с помощью <canvas>. Наследует Renderer. Из-за технических ограничений, Полотно недоступно во всех веб-браузерах, в частности в IE8, и в некоторых особых случаях перекрывающиеся геометрии могут отображаться некорректно.
Пример использования
Используйте Полотно по умолчанию для всех путей на карте:
var map = L.map('map', {
renderer: L.canvas()
});
Используйте рендерер Полотно с дополнительным отступом для определённых векторных геометрий:
var map = L.map('map');
var myRenderer = L.canvas({ padding: 0.5 });
var line = L.polyline( coordinates, { renderer: myRenderer } );
var circle = L.circle( center, { renderer: myRenderer } );
Создание
| Фабрика | Описание |
|---|---|
L.canvas( | Создаёт рендерер Полотно с заданными параметрами. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
padding |
Number |
0.1 | Насколько расширить область обрезки вокруг представления карты (относительно его размера), например, 0,1 будет составлять 10% размера представления карты в каждом направлении |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен к слою-накладке карты. Переопределение этого параметра вызовет размещение слоя на другом слое по умолчанию. |
attribution |
String |
null | Строка, отображаемая в элементе управления подписью, описывающая данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
update
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой к заданной карте |
remove() | this |
Удаляет слой с карты, на которой он в данный момент активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется элементом управления подписью, возвращает параметр подписи. |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Связывает всплывающую подсказку со слоем с переданным |
unbindPopup() | this |
Удаляет всплывающую подсказку, ранее связанную с |
openPopup( | this |
Открывает привязанную всплывающую подсказку в указанной |
closePopup() | this |
Закрывает привязанную всплывающую подсказку к данному слою, если она открыта. |
togglePopup() | this |
Открывает или закрывает всплывающую подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getPopup() | Popup |
Возвращает всплывающую подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает всплывающую подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет ранее привязанную всплывающую подсказку с помощью |
openTooltip( | this |
Открывает привязанную всплывающую подсказку в указанной |
closeTooltip() | this |
Закрывает всплывающую подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает всплывающую подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает всплывающую подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, все обработчики этого конкретного события будут удалены из объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете дополнительно предоставить объект данных — свойства этого объекта будут первым аргументом функции-обработчика. Событие может быть дополнительно распространено на родительские события. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведет себя как |
addEventParent( | this |
Добавляет родительское событие — |
removeEventParent( | this |
Удаляет родительское событие, чтобы оно перестало получать распространяемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Группа слоёв
Используется для группирования нескольких слоёв и обработки их как одного. Если добавить его на карту, любые слои, добавленные или удалённые из группы, также будут добавлены/удалены на карте. Расширяет Layer.
Пример использования
L.layerGroup([marker1, marker2])
.addLayer(polyline)
.addTo(map);
Создание
| Фабрика | Описание |
|---|---|
L.layerGroup( | Создаёт группу слоёв, необязательно с начальным набором слоёв. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен на панель перекрытий карты. Переопределение этого параметра разместит слой по умолчанию на другой панели. |
attribution |
String |
null | Строка, отображаемая в панели атрибуции, описывает данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
toGeoJSON() | Object |
Возвращает представление группы слоёв в формате |
addLayer( | this |
Добавляет указанный слой в группу. |
removeLayer( | this |
Удаляет указанный слой из группы. |
removeLayer( | this |
Удаляет слой с заданным внутренним идентификатором из группы. |
hasLayer( | Boolean |
Возвращает |
clearLayers() | this |
Удаляет все слои из группы. |
invoke( | this |
Вызывает |
eachLayer( | this |
Итерируется по слоям группы, необязательно указывая контекст функции-итератора. group.eachLayer(function (layer) {
layer.bindPopup('Hello');
});
|
getLayer( | Layer |
Возвращает слой с заданным внутренним идентификатором. |
getLayers() | Layer[] |
Возвращает массив всех слоёв, добавленных в группу. |
setZIndex( | this |
Вызывает |
getLayerId( | Number |
Возвращает внутренний идентификатор слоя |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту |
remove() | this |
Удаляет слой с карты, на которой он в настоящее время активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающее окно к слою с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее привязанное с помощью |
openPopup( | this |
Открывает привязанное всплывающее окно в указанном |
closePopup() | this |
Закрывает привязанное к этому слою всплывающее окно, если оно открыто. |
togglePopup() | this |
Открывает или закрывает привязанное к этому слою всплывающее окно в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающего окна, привязанного к этому слою. |
getPopup() | Popup |
Возвращает всплывающее окно, привязанное к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает привязанную к этому слою подсказку, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает привязанную к этому слою подсказку в зависимости от ее текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удаляются все обработчики данного события объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Можно дополнительно указать объект данных — свойства этого объекта будут первым аргументом функции-обработчика. Событие может быть дополнительно распространено на родительские элементы. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведет себя как |
addEventParent( | this |
Добавляет родительский элемент события — |
removeEventParent( | this |
Удаляет родительский элемент события, чтобы он перестал получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
FeatureGroup
Расширенный LayerGroup, который упрощает выполнение одних и тех же действий со всеми слоями-членами:
-
bindPopupпривязывает всплывающее окно ко всем слоям сразу (аналогично сbindTooltip) - События распространяются на
FeatureGroup, поэтому, если у группы есть обработчик событий, он будет обрабатывать события любого из слоев. Это включает в себя события мыши и пользовательские события. - Имеет события
layeraddиlayerremove
Пример использования
L.featureGroup([marker1, marker2, polyline])
.bindPopup('Hello world!')
.on('click', function() { alert('Clicked on a member of the group!'); })
.addTo(map);
Создание
| Фабрика | Описание |
|---|---|
L.featureGroup( | Создает группу слоев, необязательно задавая начальный набор слоев. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен на слой overlay pane карты. Переопределение этого параметра приведет к размещению слоя на другом слое по умолчанию. |
attribution |
String |
null | Строка, отображаемая в элементе атрибуции, описывает данные слоя, например "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
layeradd
|
||
layerremove
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
setStyle( | this |
Устанавливает заданные параметры пути для каждого слоя группы, у которого есть метод |
bringToFront() | this |
Перемещает группу слоёв наверх всех остальных слоёв |
bringToBack() | this |
Перемещает группу слоёв назад, за все остальные слои |
getBounds() | LatLngBounds |
Возвращает LatLngBounds группы объектов (созданной из границ и координат её дочерних элементов). |
| Метод | Возвращает | Описание |
|---|---|---|
toGeoJSON() | Object |
Возвращает представление группы слоёв в формате |
addLayer( | this |
Добавляет заданный слой в группу. |
removeLayer( | this |
Удаляет заданный слой из группы. |
removeLayer( | this |
Удаляет слой с заданным внутренним идентификатором из группы. |
hasLayer( | Boolean |
Возвращает |
clearLayers() | this |
Удаляет все слои из группы. |
invoke( | this |
Вызывает |
eachLayer( | this |
Итерируется по слоям группы, необязательно указывая контекст функции итератора. group.eachLayer(function (layer) {
layer.bindPopup('Hello');
});
|
getLayer( | Layer |
Возвращает слой с заданным внутренним идентификатором. |
getLayers() | Layer[] |
Возвращает массив всех слоёв, добавленных в группу. |
setZIndex( | this |
Вызывает |
getLayerId( | Number |
Возвращает внутренний идентификатор слоя. |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой к данной карте. |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с данной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающее окно к слою с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее привязанное с помощью |
openPopup( | this |
Открывает привязанное всплывающее окно в указанной |
closePopup() | this |
Закрывает всплывающее окно, привязанное к этому слою, если оно открыто. |
togglePopup() | this |
Открывает или закрывает всплывающее окно, привязанное к этому слою, в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающего окна, привязанного к этому слою. |
getPopup() | Popup |
Возвращает всплывающее окно, привязанное к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет обработчик событий ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленный обработчик событий. Если функция не указана, будут удалены все обработчики данного события для объекта. Обратите внимание, если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий для объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете дополнительно предоставить объект данных — первый аргумент функции обработчика будет содержать его свойства. Событие может быть дополнительно распространено на родительские объекты. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский объект события — |
removeEventParent( | this |
Удаляет родительский объект события, так что он перестанет получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
GeoJSON
Представляет объект GeoJSON или массив объектов GeoJSON. Позволяет парсить данные GeoJSON и отображать их на карте. Расширяет FeatureGroup.
Пример использования
L.geoJSON(data, {
style: function (feature) {
return {color: feature.properties.color};
}
}).bindPopup(function (layer) {
return layer.feature.properties.description;
}).addTo(map);
Создание
| Фабрика | Описание |
|---|---|
L.geoJSON( | Создаёт слой GeoJSON. Дополнительно принимает объект в формате GeoJSON для отображения на карте (вы можете добавить его позже с помощью метода addData) и объект options. |
Параметры
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
pointToLayer |
Function |
* | Функция, определяющая, как точки GeoJSON преобразуются в слои Leaflet. Она вызывается при добавлении данных, передавая объект GeoJSON и его LatLng. По умолчанию создаёт стандартный маркер: function(geoJsonPoint, latlng) {
return L.marker(latlng);
}
|
style |
Function |
* | Функция, определяющая стиль линий и полигонов GeoJSON, вызываемая при добавлении данных. По умолчанию не переопределяет стандартные настройки: function (geoJsonFeature) {
return {}
}
|
onEachFeature |
Function |
* | Функция, вызываемая для каждого созданного элемента GeoJSON после его создания и стилизации. Полезно для прикрепления событий и всплывающих подсказок к элементам. По умолчанию ничего не делает со слоями: function (feature, layer) {}
|
filter |
Function |
* | Функция, используемая для определения, следует ли включать элемент или нет. По умолчанию включаются все элементы: function (geoJsonFeature) {
return true;
}
Примечание: динамическое изменение параметра |
coordsToLatLng |
Function |
* | Функция, преобразующая координаты GeoJSON в LatLng. По умолчанию используется статический метод coordsToLatLng. |
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой добавляется на панель перекрытий карты (overlay pane). Переопределение этого параметра по умолчанию разместит слой на другой панели. |
attribution |
String |
null | Строка, отображаемая в панели атрибутов, описывающая данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
layeradd
|
||
layerremove
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
addData(data) | this |
Добавляет объект GeoJSON в слой. |
resetStyle(layer) | this |
Сбрасывает стиль слоя векторных данных до исходного стиля GeoJSON, полезно для сброса стиля после событий наведения. |
setStyle(style) | this |
Изменяет стили слоёв векторных данных GeoJSON с помощью заданной функции стилизации. |
| Метод | Возвращает | Описание |
|---|---|---|
bringToFront() | this |
Перемещает группу слоёв вперёд всех остальных. |
bringToBack() | this |
Перемещает группу слоёв назад всех остальных. |
getBounds() | LatLngBounds |
Возвращает LatLngBounds группы элементов (созданный из границ и координат её дочерних элементов). |
| Метод | Возвращает | Описание |
|---|---|---|
toGeoJSON() | Object |
Возвращает представление группы слоёв в формате |
addLayer( | this |
Добавляет указанный слой в группу. |
removeLayer( | this |
Удаляет указанный слой из группы. |
removeLayer( | this |
Удаляет слой с заданным внутренним ID из группы. |
hasLayer( | Boolean |
Возвращает |
clearLayers() | this |
Удаляет все слои из группы. |
invoke( | this |
Вызывает |
eachLayer( | this |
Итерирует по слоям группы, необязательно задавая контекст функции-итератора. group.eachLayer(function (layer) {
layer.bindPopup('Hello');
});
|
getLayer( | Layer |
Возвращает слой с заданным внутренним ID. |
getLayers() | Layer[] |
Возвращает массив всех слоёв, добавленных в группу. |
setZIndex( | this |
Вызывает |
getLayerId( | Number |
Возвращает внутренний ID слоя. |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту. |
remove() | this |
Удаляет слой с карты, на которой он в настоящее время активен. |
removeFrom( | this |
Удаляет слой с заданной карты. |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Связывает всплывающую подсказку со слоем с переданным |
unbindPopup() | this |
Удаляет всплывающую подсказку, ранее связанную с |
openPopup( | this |
Открывает привязанную всплывающую подсказку в указанной |
closePopup() | this |
Закрывает всплывающую подсказку, привязанную к этому слою, если она открыта. |
togglePopup() | this |
Открывает или закрывает всплывающую подсказку, привязанную к этому слою, в зависимости от ее текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getPopup() | Popup |
Возвращает всплывающую подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее связанную с |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от ее текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, она удалит всех обработчиков этого события в объекте. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет всех обработчиков всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно передать объект данных — свойства этого объекта будут первым аргументом функции-обработчика. Событие необязательно может быть распространено на родительские события. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительское событие — |
removeEventParent( | this |
Удаляет родительское событие, чтобы оно перестало получать распространяемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Функции
| Функция | Возвращает | Описание |
|---|---|---|
geometryToLayer( | Layer | Создаёт Layer из заданного GeoJSON-признака. Может использовать пользовательские функции pointToLayer и/или coordsToLatLng, если они предоставлены в качестве опций. |
coordsToLatLng( | LatLng | Создаёт объект LatLng из массива из 2 чисел (долгота, широта) или 3 чисел (долгота, широта, высота), используемых в GeoJSON для точек. |
coordsToLatLngs( | Array | Создаёт многомерный массив LatLng из массива координат GeoJSON. levelsDeep определяет уровень вложенности (0 — для массива точек, 1 — для массива массивов точек и т. д., по умолчанию 0). Может использовать пользовательскую функцию coordsToLatLng. |
latLngToCoords( | Array | Обратная функция coordsToLatLng
|
latLngsToCoords( | Array | Обратная функция coordsToLatLngs closed определяет, нужно ли добавлять первую точку в конец массива для закрытия фигуры; используется только когда levelsDeep равно 0. По умолчанию False. |
asFeature( | Object | Нормализует геометрии/признаки GeoJSON в признаки GeoJSON. |
GridLayer
Общий класс для обработки разметки плиток из HTML-элементов. Это базовый класс для всех слоёв плиток и заменяет TileLayer.Canvas. GridLayer можно расширить, чтобы создать разметку плиток из HTML-элементов, таких как <canvas>, <img> или <div>. GridLayer будет обрабатывать создание и анимацию этих DOM-элементов за вас.
Пример использования
Синхронное использование
Для создания пользовательского слоя расширьте GridLayer и реализуйте метод createTile(), которому будет передан объект Point с координатами x, y и z (уровень масштабирования) для отрисовки вашей плитки.
var CanvasLayer = L.GridLayer.extend({
createTile: function(coords){
// create a <canvas> element for drawing
var tile = L.DomUtil.create('canvas', 'leaflet-tile');
// setup tile width and height according to the options
var size = this.getTileSize();
tile.width = size.x;
tile.height = size.y;
// get a canvas context and draw something on it using coords.x, coords.y and coords.z
var ctx = tile.getContext('2d');
// return the tile so it can be rendered on screen
return tile;
}
});
Асинхронное использование
Создание плиток также может быть асинхронным, что полезно при использовании сторонней библиотеки отрисовки. После завершения отрисовки плитки она может быть передана в обратный вызов done().
var CanvasLayer = L.GridLayer.extend({
createTile: function(coords, done){
var error;
// create a <canvas> element for drawing
var tile = L.DomUtil.create('canvas', 'leaflet-tile');
// setup tile width and height according to the options
var size = this.getTileSize();
tile.width = size.x;
tile.height = size.y;
// draw something asynchronously and pass the tile to the done() callback
setTimeout(function() {
done(error, tile);
}, 1000);
return tile;
}
});
Создание
| Фабрика | Описание |
|---|---|
L.gridLayer( | Создаёт новый экземпляр GridLayer с предоставленными опциями. |
Опции
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
tileSize |
Number|Point |
256 | Ширина и высота плиток в сетке. Используйте число, если ширина и высота равны, или L.point(width, height) в противном случае. |
opacity |
Number |
1.0 | Непрозрачность плиток. Может быть использована в функции createTile(). |
updateWhenIdle |
Boolean |
depends | Если false, новые плитки загружаются во время перемещения, в противном случае только после него (для лучшей производительности). По умолчанию true в мобильных браузерах, в противном случае false. |
updateWhenZooming |
Boolean |
true | По умолчанию плавная анимация масштабирования (во время масштабирования касанием или flyTo()) будет обновлять слои сетки на каждом целочисленном уровне масштабирования. Установка этого параметра в значение false обновит слой сетки только по завершении плавной анимации. |
updateInterval |
Number |
200 | Плитки не будут обновляться чаще, чем раз в updateInterval миллисекунд при перемещении. |
zIndex |
Number |
1 | Явное значение zIndex слоя плиток. |
bounds |
LatLngBounds |
undefined | Если задано, плитки будут загружаться только внутри заданных LatLngBounds. |
minZoom |
Number |
0 | Минимальный уровень масштабирования, на котором будут загружаться плитки. По умолчанию — вся карта. |
maxZoom |
Number |
undefined | Максимальный уровень масштабирования, на котором будут загружаться плитки. |
noWrap |
Boolean |
false | Если слой перекрывается через антимеридиан. Если true, GridLayer будет отображаться только один раз при низких уровнях масштабирования. Не оказывает влияния, если CRS карты не перекрывается. Может быть использован в сочетании с bounds, чтобы предотвратить запрос плиток за пределами ограничений CRS. |
pane |
String |
'tilePane' |
Map pane, куда будет добавлен слой плиток. |
className |
String |
'' | Пользовательское имя класса, которое нужно назначить слою плиток. По умолчанию пустое. |
keepBuffer |
Number |
2 | При перемещении карты сохраняется столько строк и столбцов плиток, прежде чем они будут разгружены. |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
attribution |
String |
null | Строка, которая будет отображаться в блоке атрибутов, описывает данные слоя, например "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
loading
|
||
tileunload
|
||
tileloadstart
|
||
tileerror
|
||
tileload
|
||
load
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
bringToFront() | this |
Выводит слой плиток поверх всех других слоёв плиток. |
bringToBack() | this |
Выводит слой плиток под все другие слои плиток. |
getContainer() | HTMLElement |
Возвращает HTML-элемент, содержащий плитки для данного слоя. |
setOpacity( | this |
Изменяет непрозрачность слоя плиток. |
setZIndex( | this |
Изменяет zIndex слоя плиток. |
isLoading() | Boolean |
Возвращает |
redraw() | this |
Заставляет слой очистить все плитки и запросить их снова. |
getTileSize() | Point |
Нормализует опцию tileSize в точку. Используется методом |
Методы расширения
GridLayer, должны переопределять следующие методы.| Метод | Возвращает | Описание |
|---|---|---|
createTile( | HTMLElement |
Вызывается только во внутренней области, обязательно переопределяется классами, расширяющими |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту. |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с заданной карты. |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающую подсказку к слою с переданным |
unbindPopup() | this |
Удаляет всплывающую подсказку, ранее привязанную с помощью |
openPopup( | this |
Открывает привязанную всплывающую подсказку в указанной |
closePopup() | this |
Закрывает привязанную к этому слою всплывающую подсказку, если она открыта. |
togglePopup() | this |
Открывает или закрывает всплывающую подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getPopup() | Popup |
Возвращает всплывающую подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, она удалит все обработчики этого события для объекта. Обратите внимание, что если вы передали пользовательский контекст для |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий для объекта. |
fire( | this |
Вызывает событие указанного типа. Можно необязательно передать объект данных — свойства этого объекта будут первым аргументом функции-обработчика. Событие может быть необязательно распространено на родительские события. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский обработчик событий — |
removeEventParent( | this |
Удаляет родительский обработчик событий, чтобы он перестал получать распространяемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
LatLng
Представляет географическую точку с определённой широтой и долготой.
Пример использования
var latlng = L.latLng(50.5, 30.5);
Все методы Leaflet, принимающие объекты LatLng, также принимают их в простом формате массива и простом формате объекта (если не указано иное), поэтому эти строки эквивалентны:
map.panTo([50, 30]);
map.panTo({lon: 30, lat: 50});
map.panTo({lat: 50, lng: 30});
map.panTo(L.latLng(50, 30));
Создание
| Фабрика | Описание |
|---|---|
L.latLng( | Создаёт объект, представляющий географическую точку с заданной широтой и долготой (и необязательной высотой). |
L.latLng( | Ожидает массив в формате [Number, Number] или [Number, Number, Number] вместо. |
L.latLng( | Ожидает простой объект в формате {lat: Number, lng: Number} или {lat: Number, lng: Number, alt: Number} вместо. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
equals( | Boolean |
Возвращает |
toString() | String |
Возвращает строковое представление точки (для отладки). |
distanceTo( | Number |
Возвращает расстояние (в метрах) до заданной точки |
wrap() | LatLng |
Возвращает новый объект |
toBounds( | LatLngBounds |
Возвращает новый объект |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
lat
|
||
lng
|
||
alt
|
LatLngBounds
Представляет прямоугольную географическую область на карте.
Пример использования
var corner1 = L.latLng(40.712, -74.227), corner2 = L.latLng(40.774, -74.125), bounds = L.latLngBounds(corner1, corner2);
Все методы Leaflet, принимающие объекты LatLngBounds, также принимают их в простом формате массива (если не указано иное), поэтому пример с границами можно передать так:
map.fitBounds([
[40.712, -74.227],
[40.774, -74.125]
]);
Внимание: если область пересекает антимеридиан (часто путают с линией перемены дат), вы должны указать углы вне диапазона долготы [-180, 180] градусов.
Создание
| Фабрика | Описание |
|---|---|
L.latLngBounds( | Создаёт объект LatLngBounds, определив две диагонально противоположные вершины прямоугольника. |
L.latLngBounds( | Создаёт объект LatLngBounds, определяемый географическими точками, которые он содержит. Очень полезно для масштабирования карты так, чтобы она охватывала определённый набор местоположений с помощью fitBounds. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
extend( | this |
Расширить границы, чтобы они содержали данную точку. |
extend( | this |
Расширить границы, чтобы они содержали заданные границы. |
pad( | LatLngBounds |
Возвращает большие границы, созданные путём расширения текущих границ на заданный процент в каждом направлении. |
getCenter() | LatLng |
Возвращает центральную точку границ. |
getSouthWest() | LatLng |
Возвращает юго-западную точку границ. |
getNorthEast() | LatLng |
Возвращает северо-восточную точку границ. |
getNorthWest() | LatLng |
Возвращает северо-западную точку границ. |
getSouthEast() | LatLng |
Возвращает юго-восточную точку границ. |
getWest() | Number |
Возвращает западную долготу границ |
getSouth() | Number |
Возвращает южную широту границ |
getEast() | Number |
Возвращает восточную долготу границ |
getNorth() | Number |
Возвращает северную широту границ |
contains( | Boolean |
Возвращает |
contains( | Boolean |
Возвращает |
intersects( | Boolean |
Возвращает |
overlaps( | Boolean |
Возвращает |
toBBoxString() | String |
Возвращает строку с координатами прямоугольника в формате 'southwest_lng,southwest_lat,northeast_lng,northeast_lat'. Полезно для отправки запросов к веб-сервисам, возвращающим геоданные. |
equals( | Boolean |
Возвращает |
isValid() | Boolean |
Возвращает |
Point
Представляет точку с координатами x и y в пикселях.
Пример использования
var point = L.point(200, 300);
Все методы и опции Leaflet, принимающие объекты Point, также принимают их в простом формате массива (если не указано иное). Эти строки эквивалентны:
map.panBy([200, 300]); map.panBy(L.point(200, 300));
Создание
| Фабрика | Описание |
|---|---|
L.point( | Создаёт объект Point с заданными координатами x и y. Если необязательный round установлен в true, округляет значения x и y. |
L.point( | Ожидает массив в формате [x, y]. |
L.point( | Ожидает обычный объект в формате {x: Number, y: Number}. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
clone() | Point |
Возвращает копию текущей точки. |
add( | Point |
Возвращает результат сложения текущей и заданной точек. |
subtract( | Point |
Возвращает результат вычитания заданной точки из текущей. |
divideBy( | Point |
Возвращает результат деления текущей точки на заданное число. |
multiplyBy( | Point |
Умножает каждую координату текущей точки на каждую координату |
unscaleBy( | Point |
Обратная функция |
round() | Point |
Возвращает копию текущей точки с округленными координатами. |
floor() | Point |
Возвращает копию текущей точки с координатами, округленными вниз. |
ceil() | Point |
Возвращает копию текущей точки с координатами, округленными вверх. |
distanceTo( | Number |
Возвращает евклидово расстояние между текущей и заданной точками. |
equals( | Boolean |
Возвращает |
contains( | Boolean |
Возвращает |
toString() | String |
Возвращает строковое представление точки для отладки. |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
x
|
||
y
|
Границы
Представляет прямоугольную область в пиксельных координатах.
Пример использования
var p1 = L.point(10, 10), p2 = L.point(40, 60), bounds = L.bounds(p1, p2);
Все методы Leaflet, принимающие объекты Bounds, также принимают их в виде простого массива (если не указано иное), поэтому пример с границами можно передать так:
otherBounds.intersects([[10, 10], [40, 60]]);
Создание
| Фабрика | Описание |
|---|---|
L.bounds( | Создаёт объект Bounds из двух координат (обычно верхний левый и нижний правый углы). |
L.bounds( | Создаёт объект Bounds из содержащихся в нём точек. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
extend( | this |
Расширяет границы, чтобы они содержали заданную точку. |
getCenter( | Point |
Возвращает центральную точку границ. |
getBottomLeft() | Point |
Возвращает нижнюю левую точку границ. |
getTopRight() | Point |
Возвращает верхнюю правую точку границ. |
getSize() | Point |
Возвращает размер заданных границ. |
contains( | Boolean |
Возвращает |
contains( | Boolean |
Возвращает |
intersects( | Boolean |
Возвращает |
overlaps( | Boolean |
Возвращает |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
min
|
||
max
|
Значок
Представляет значок для использования при создании метки.
Пример использования
var myIcon = L.icon({
iconUrl: 'my-icon.png',
iconSize: [38, 95],
iconAnchor: [22, 94],
popupAnchor: [-3, -76],
shadowUrl: 'my-icon-shadow.png',
shadowSize: [68, 95],
shadowAnchor: [22, 94]
});
L.marker([50.505, 30.57], {icon: myIcon}).addTo(map);
L.Icon.Default расширяет L.Icon и является синим значком, который Leaflet использует для меток по умолчанию.
Создание
| Фабрика | Описание |
|---|---|
L.icon( | Создаёт экземпляр значка с заданными параметрами. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
iconUrl |
String |
null | (обязательно) URL изображения значка (абсолютный или относительный к пути вашего скрипта). |
iconRetinaUrl |
String |
null | URL изображения значка высокого разрешения (абсолютный или относительный к пути вашего скрипта). Используется для устройств с экранами Retina. |
iconSize |
Point |
null | Размер изображения значка в пикселях. |
iconAnchor |
Point |
null | Координаты "верхушки" значка (относительно его верхнего левого угла). Значок будет выровнен таким образом, что эта точка будет находиться в географическом местоположении метки. По умолчанию центрирован, если задан размер, также можно задать в CSS с отрицательными отступами. |
popupAnchor |
Point |
null | Координаты точки, с которой "открываются" всплывающие окна, относительно якоря значка. |
shadowUrl |
String |
null | URL изображения тени значка. Если не указано, тень не будет создана. |
shadowRetinaUrl |
String |
null | |
shadowSize |
Point |
null | Размер изображения тени в пикселях. |
shadowAnchor |
Point |
null | Координаты "верхушки" тени (относительно её верхнего левого угла) (такие же, как iconAnchor, если не указано иначе). |
className |
String |
'' | Пользовательское имя класса, которое будет присвоено изображениям значка и тени. По умолчанию пустое. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен к слою наложения карты. Переопределение этого параметра приведет к размещению слоя по умолчанию на другом слое. |
attribution |
String |
null | Строка, отображаемая в элементе управления подписью, описывает данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
createIcon( | HTMLElement |
Вызывается внутри, когда значок должен быть показан, возвращает элемент HTML |
createShadow( | HTMLElement |
Как |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на указанную карту. |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с указанной карты. |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется элементом управления подписью, возвращает параметр подписи. |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Связывает всплывающее окно со слоем с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее связанное с |
openPopup( | this |
Открывает связанное всплывающее окно в указанной |
closePopup() | this |
Закрывает связанное всплывающее окно, если оно открыто. |
togglePopup() | this |
Открывает или закрывает связанное всплывающее окно в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое связанного всплывающего окна. |
getPopup() | Popup |
Возвращает связанное всплывающее окно. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает всплывающую подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет всплывающую подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную всплывающую подсказку по указанным |
closeTooltip() | this |
Закрывает всплывающую подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает всплывающую подсказку, привязанную к этому слою, в зависимости от ее текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое всплывающей подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает всплывающую подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удаляет все обработчики данного события от объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете дополнительно передать объект данных — первый аргумент функции-обработчика будет содержать его свойства. Событие может быть дополнительно распространено на родительские события. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведет себя как |
addEventParent( | this |
Добавляет родителя события — |
removeEventParent( | this |
Удаляет родителя события, так что он перестанет получать распространяемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Icon.Default
Icon, представляющий значок, используемый в Marker при отсутствии указанного значка. Ссылается на изображение синего маркера, распространяемого вместе с выпусками Leaflet. Для настройки значка по умолчанию просто измените свойства L.Icon.Default.prototype.options (который представляет собой набор Icon options). Если вы хотите полностью заменить значок по умолчанию, переопределите L.Marker.prototype.options.icon собственным значком.| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
imagePath |
String |
L.Icon.Default будет пытаться автоматически определить абсолютное расположение изображений синего значка. Если вы размещаете эти изображения нестандартным способом, установите этот параметр для указания правильного абсолютного пути. |
DivIcon
Представляет лёгкий значок для маркеров, использующий простой элемент <div> вместо изображения. Унаследован от Icon, но игнорирует параметры iconUrl и shadow.
Пример использования
var myIcon = L.divIcon({className: 'my-div-icon'});
// you can set .my-div-icon styles in CSS
L.marker([50.505, 30.57], {icon: myIcon}).addTo(map);
По умолчанию он имеет класс CSS 'leaflet-div-icon' и стилизован как небольшой белый квадрат с тенью.
Создание
| Фабрика | Описание |
|---|---|
L.divIcon( | Создаёт экземпляр DivIcon с заданными параметрами. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
html |
String |
'' | Пользовательский HTML-код для размещения внутри элемента div, по умолчанию пустое. |
bgPos |
Point |
[0, 0] | Необязательная относительная позиция фона в пикселях. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
iconUrl |
String |
null | (обязательно) URL изображения значка (абсолютный или относительно пути к вашему скрипту). |
iconRetinaUrl |
String |
null | URL изображения значка с высоким разрешением (абсолютный или относительно пути к вашему скрипту). Используется для устройств с экранами Retina. |
iconSize |
Point |
null | Размер изображения значка в пикселях. |
iconAnchor |
Point |
null | Координаты «кончика» значка (относительно его верхнего левого угла). Значок будет выровнен так, чтобы эта точка находилась в географическом местоположении маркера. По умолчанию центрируется, если задан размер, также можно задать в CSS с отрицательными отступами. |
popupAnchor |
Point |
null | Координаты точки, с которой «откроются» всплывающие окна, относительно якоря значка. |
shadowUrl |
String |
null | URL изображения тени значка. Если не указано, изображение тени не будет создано. |
shadowRetinaUrl |
String |
null | |
shadowSize |
Point |
null | Размер изображения тени в пикселях. |
shadowAnchor |
Point |
null | Координаты «кончика» тени (относительно её верхнего левого угла) (то же, что и iconAnchor, если не указано). |
className |
String |
'' | Пользовательское имя класса, которое будет назначено как изображению значка, так и изображению тени. По умолчанию пустое. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен на панель overlay pane карты. Переопределение этого параметра приведет к размещению слоя на другой панели по умолчанию. |
attribution |
String |
null | Строка, отображаемая в элементе управления атрибуцией, описывающая данные слоя, например, «© Mapbox». |
События
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
createIcon( | HTMLElement |
Вызывается внутренне, когда иконка должна быть отображена, возвращает элемент HTML |
createShadow( | HTMLElement |
Как |
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Связывает всплывающее окно со слоем с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее связанное с |
openPopup( | this |
Открывает связанное всплывающее окно в указанной |
closePopup() | this |
Закрывает всплывающее окно, связанное с этим слоем, если оно открыто. |
togglePopup() | this |
Открывает или закрывает всплывающее окно, связанное с этим слоем, в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающего окна, связанного с этим слоем. |
getPopup() | Popup |
Возвращает всплывающее окно, связанное с этим слоем. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Связывает всплывающую подсказку со слоем с переданным |
unbindTooltip() | this |
Удаляет всплывающую подсказку, ранее связанную с |
openTooltip( | this |
Открывает связанную всплывающую подсказку в указанной |
closeTooltip() | this |
Закрывает всплывающую подсказку, связанную с этим слоем, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает всплывающую подсказку, связанную с этим слоем, в зависимости от её текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое всплывающей подсказки, связанной с этим слоем. |
getTooltip() | Tooltip |
Возвращает всплывающую подсказку, связанную с этим слоем. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удалит все обработчики этого конкретного события из объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий в объекте. |
fire( | this |
Вызывает событие указанного типа. Можно дополнительно передать объект данных — свойства этого объекта будут первым аргументом функции-обработчика. Событие может быть дополнительно распространено на родительские объекты событий. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский объект события — |
removeEventParent( | this |
Удаляет родительский объект события, чтобы он перестал получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Управление масштабом
Базовое управление масштабом с двумя кнопками (увеличить и уменьшить масштаб). По умолчанию отображается на карте, если не установлено значение zoomControl параметра в false. Расширяет Control.
Создание
| Фабрика | Описание |
|---|---|
L.control.zoom( | Создаёт управление масштабом |
Параметры
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
zoomInText |
String |
'+' | Текст, устанавливаемый на кнопке «Увеличить». |
zoomInTitle |
String |
'Zoom in' | Заголовок, устанавливаемый на кнопке «Увеличить». |
zoomOutText |
String |
'-' | Текст, устанавливаемый на кнопке «Уменьшить». |
zoomOutTitle |
String |
'Zoom out' | Заголовок, устанавливаемый на кнопке «Уменьшить». |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
position |
String |
'topright' | Положение элемента управления (один из углов карты). Возможные значения: 'topleft', 'topright', 'bottomleft' или 'bottomright'
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
getPosition() | string |
Возвращает положение элемента управления. |
setPosition( | this |
Устанавливает положение элемента управления. |
getContainer() | HTMLElement |
Возвращает HTMLElement, содержащий элемент управления. |
addTo( | this |
Добавляет элемент управления на заданную карту. |
remove() | this |
Удаляет элемент управления с активной карты. |
Control.Attribution
Элемент управления атрибутами позволяет отображать данные об атрибутах на карте в небольшом текстовом поле. Он добавляется на карту по умолчанию, если вы не установили его attributionControl опцию в false, и он автоматически извлекает тексты атрибуции из слоев с помощью getAttribution метода. Расширяет Control.
Создание
| Фабрика | Описание |
|---|---|
L.control.attribution( | Создаёт элемент управления атрибуцией. |
Опции
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
prefix |
String |
'Leaflet' | HTML-текст, отображаемый перед атрибуциями. Используйте false для отключения. |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
position |
String |
'topright' | Положение элемента управления (один из углов карты). Возможные значения: 'topleft', 'topright', 'bottomleft' или 'bottomright'
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
setPrefix( | this |
Устанавливает текст перед атрибуциями. |
addAttribution( | this |
Добавляет текст атрибуции (например, |
removeAttribution( | this |
Удаляет текст атрибуции. |
| Метод | Возвращает | Описание |
|---|---|---|
getPosition() | string |
Возвращает положение элемента управления. |
setPosition( | this |
Устанавливает положение элемента управления. |
getContainer() | HTMLElement |
Возвращает HTMLElement, содержащий элемент управления. |
addTo( | this |
Добавляет элемент управления на заданную карту. |
remove() | this |
Удаляет элемент управления с активной карты. |
Control.Layers
Элемент управления слоями позволяет пользователям переключаться между различными базовыми слоями и включать/выключать наложения (см. подробный пример). Расширяет Control.
Пример использования
var baseLayers = {
"Mapbox": mapbox,
"OpenStreetMap": osm
};
var overlays = {
"Marker": marker,
"Roads": roadsLayer
};
L.control.layers(baseLayers, overlays).addTo(map);
Параметры baseLayers и overlays представляют собой литералы объектов с именами слоев в качестве ключей и объектами Layer в качестве значений:
{
"<someName1>": layer1,
"<someName2>": layer2
}
Имена слоёв могут содержать HTML, что позволяет добавлять дополнительное форматирование к элементам:
{"<img src='my-layer-icon' /> <span class='my-layer-item'>My Layer</span>": myLayer}
Создание
| Фабрика | Описание |
|---|---|
L.control.layers( | Создаёт элемент управления атрибуцией с заданными слоями. Базовые слои будут переключаться с помощью радиокнопок, а наложения — с помощью флажков. Обратите внимание, что все базовые слои должны быть переданы в объекте baseLayers, но только один должен быть добавлен на карту при инициализации карты. |
Опции
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
collapsed |
Boolean |
true | Если true, элемент управления будет свёрнут в значок и развернётся при наведении или касании. |
autoZIndex |
Boolean |
true | Если true, элемент управления будет назначать zIndexes в порядке возрастания всем своим слоям, так что порядок сохраняется при включении/выключении. |
hideSingleBase |
Boolean |
false | Если true, базовые слои в элементе управления будут скрыты, когда их останется только один. |
sortLayers |
Boolean |
false | Нужно ли сортировать слои. Если false, слои сохранят порядок, в котором они были добавлены в элемент управления. |
sortFunction |
Function |
* | Функция сравнения для сортировки слоёв, когда sortLayers равна true. Функция получает экземпляры L.Layer и их имена, как в sortFunction(layerA, layerB, nameA, nameB). По умолчанию слои сортируются по имени в алфавитном порядке. |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
position |
String |
'topright' | Положение элемента управления (один из углов карты). Возможные значения: 'topleft', 'topright', 'bottomleft' или 'bottomright'
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
addBaseLayer( | this |
Добавляет базовый слой (элемент с радиокнопкой) с заданным именем в элемент управления. |
addOverlay( | this |
Добавляет наложение (элемент с флажком) с заданным именем в элемент управления. |
removeLayer( | this |
Удаляет заданный слой из элемента управления. |
expand() | this |
Развернуть контейнер элемента управления, если он свёрнут. |
collapse() | this |
Свернуть контейнер элемента управления, если он развернут. |
| Метод | Возвращает | Описание |
|---|---|---|
getPosition() | string |
Возвращает положение элемента управления. |
setPosition( | this |
Устанавливает положение элемента управления. |
getContainer() | HTMLElement |
Возвращает HTMLElement, содержащий элемент управления. |
addTo( | this |
Добавляет элемент управления на заданную карту. |
remove() | this |
Удаляет элемент управления с карты, на которой он сейчас активен. |
Control.Scale
Простой элемент управления масштабом, отображающий масштаб текущего центра экрана в метрической (м/км) и имперской (ми/футах) системах. Расширяет Control.
Пример использования
L.control.scale().addTo(map);
Создание
| Фабрика | Описание |
|---|---|
L.control.scale( | Создает элемент управления масштабом с заданными параметрами. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
maxWidth |
Number |
100 | Максимальная ширина элемента управления в пикселях. Ширина устанавливается динамически для отображения целых значений (например, 100, 200, 500). |
metric |
Boolean |
True | Отображать ли метрическую шкалу (м/км). |
imperial |
Boolean |
True | Отображать ли имперскую шкалу (ми/футах). |
updateWhenIdle |
Boolean |
false | Если true, элемент управления обновляется при событии moveend, в противном случае он всегда обновлён (обновляется при событии move). |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
position |
String |
'topright' | Положение элемента управления (один из углов карты). Возможные значения: 'topleft', 'topright', 'bottomleft' или 'bottomright'
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
getPosition() | string |
Возвращает положение элемента управления. |
setPosition( | this |
Устанавливает положение элемента управления. |
getContainer() | HTMLElement |
Возвращает HTMLElement, содержащий элемент управления. |
addTo( | this |
Добавляет элемент управления на заданную карту. |
remove() | this |
Удаляет элемент управления с карты, на которой он сейчас активен. |
Браузер
Пространство имён со статическими свойствами для обнаружения браузера/функций, используемое Leaflet внутри.
Пример использования
if (L.Browser.ielt9) {
alert('Upgrade your browser, dude!');
}
Свойства
| Свойство | Тип | Описание |
|---|---|---|
ie
|
||
ielt9
|
||
edge
|
||
webkit
|
||
gecko
|
||
android
|
||
android23
|
||
chrome
|
||
safari
|
||
win
|
||
ie3d
|
||
webkit3d
|
||
gecko3d
|
||
opera12
|
||
any3d
|
||
mobile
|
||
mobileWebkit
|
||
mobileWebkit3d
|
||
mobileOpera
|
||
mobileGecko
|
||
touch
|
||
msPointer
|
||
pointer
|
||
retina
|
||
canvas
|
||
vml
|
||
svg
|
Утилиты
Различные утилитарные функции, используемые Leaflet внутри.
Функции
| Функция | Возвращает | Описание |
|---|---|---|
extend( | Object | Объединяет свойства объекта src (или нескольких объектов) в объект dest и возвращает последний. Имеет сокращение L.extend. |
create( | Object | Полифил для совместимости с Object.create |
bind( | Function | Возвращает новую функцию, привязанную к переданным аргументам, как Function.prototype.bind. Имеет сокращение L.bind(). |
stamp( | Number | Возвращает уникальный идентификатор объекта, присваивая его, если он отсутствует. |
throttle( | Function | Возвращает функцию, которая выполняет функцию fn с заданным контекстом context (чтобы ключевое слово this ссылалось на context внутри кода fn). Функция fn будет вызываться не более одного раза за заданное количество time. Аргументы, полученные привязанной функцией, будут любыми аргументами, переданными при привязке функции, за которыми следуют любые аргументы, переданные при вызове привязанной функции. Имеет сокращение L.bind. |
wrapNum( | Number | Возвращает число num по модулю range таким образом, чтобы оно находилось в диапазоне от range[0] до range[1]. Возвращаемое значение всегда будет меньше range[1], если не установлено includeMax на true. |
falseFn() | Function | Возвращает функцию, которая всегда возвращает false. |
formatNum( | Number | Возвращает число num, округлённое до digits десятичных знаков или до 5 десятичных знаков по умолчанию. |
trim( | String | Полифил для совместимости с String.prototype.trim |
splitWords( | String[] | Удаляет пробелы и разделяет строку по пробелам, возвращая массив частей. |
setOptions( | Object | Объединяет заданные свойства с опциями объекта options объекта obj, возвращая результирующие опции. См. Class options. Имеет сокращение L.setOptions. |
getParamString( | String | Преобразует объект в строку параметров URL, например, {a: "foo", b: "bar"} преобразуется в '?a=foo&b=bar'. Если установлено existingUrl, параметры будут добавлены в конец. Если uppercase установлено на true, имена параметров будут приведены к верхнему регистру (например, '?A=foo&B=bar'). |
template( | String | Простая система шаблонизации, принимает шаблонную строку вида 'Hello {a}, {b}' и объект данных, как {a: 'foo', b: 'bar'}, возвращает обработанную строку ('Hello foo, bar'). Также можно указать функции вместо строк для значений данных — они будут вычислены, передав data в качестве аргумента. |
isArray(obj) | Boolean | Полифил для совместимости с Array.isArray |
indexOf( | Number | Полифил для совместимости с Array.prototype.indexOf |
requestAnimFrame( | Number | Планирует выполнение fn при перерисовке браузера. fn привязывается к context, если указано. При установке immediate, fn вызывается немедленно, если браузер не поддерживает window.requestAnimationFrame, иначе откладывается. Возвращает идентификатор запроса, который можно использовать для отмены запроса. |
cancelAnimFrame( | undefined | Отменяет предыдущий requestAnimFrame. Смотрите также window.cancelAnimationFrame. |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
lastId
|
||
emptyImageUrl
|
Преобразование
Представляет аффинное преобразование: набор коэффициентов a, b, c, d для преобразования точки вида (x, y) в (a*x + b, c*y + d) и обратное преобразование. Используется Leaflet в коде проекций.
Пример использования
var transformation = new L.Transformation(2, 5, -1, 10),
p = L.point(1, 2),
p2 = transformation.transform(p), // L.point(7, 8)
p3 = transformation.untransform(p2); // L.point(1, 2)
Методы
| Метод | Возвращает | Описание |
|---|---|---|
transform( | Point |
Возвращает преобразованную точку, необязательно умноженную на заданный масштаб. Принимает только объекты |
untransform( | Point |
Возвращает обратное преобразование заданной точки, необязательно делённой на заданный масштаб. Принимает только объекты |
LineUtil
Различные вспомогательные функции для обработки точек полилиний, используемые Leaflet для повышения производительности при работе с полилиниями.
Функции
| Функция | Возвращает | Описание |
|---|---|---|
simplify( | Point[] | Значительно уменьшает количество точек в полилинии, сохраняя её форму, и возвращает новый массив упрощённых точек, используя алгоритм Douglas-Peucker. Используется для повышения производительности при обработке/отображении полилиний Leaflet на различных уровнях масштабирования, а также для снижения визуального шума. Параметр tolerance влияет на степень упрощения (меньшее значение означает более высокое качество, но медленнее и с большим количеством точек). Также выпущен как отдельный микробиблиотека Simplify.js. |
pointToSegmentDistance( | Number | Возвращает расстояние между точкой p и отрезком p1 до p2. |
closestPointOnSegment( | Number | Возвращает ближайшую точку от точки p на отрезке p1 к точке p2. |
clipSegment( | Point[]|Boolean | Обрезает отрезок a до b с помощью прямоугольных границ с использованием алгоритма Cohen-Sutherland (изменяя точки отрезка непосредственно!). Используется Leaflet для отображения только тех точек полилинии, которые находятся на экране или рядом с ним, повышая производительность. |
PolyUtil
Различные вспомогательные функции для геометрий полигонов.
Функции
| Функция | Возвращает | Описание |
|---|---|---|
clipPolygon( | Point[] | Обрезает геометрию полигона, определённую заданным points, с помощью заданных границ (используя алгоритм Sutherland-Hodgman). Используется Leaflet для отображения только тех точек полигона, которые находятся на экране или рядом с ним, повышая производительность. Обратите внимание, что для обрезки точек полигона требуется другой алгоритм, чем для полилинии, поэтому для этого есть отдельный метод. |
DomEvent
Вспомогательные функции для работы с событиями DOM, используемые Leaflet внутри.
Функции
| Функция | Возвращает | Описание |
|---|---|---|
on( | this | Добавляет функцию-обработчик (fn) к определённому типу события DOM элемента el. Можно указать контекст обработчика (объект, к которому будет относиться ключевое слово this). Можно также передать несколько типов через пробел (например, 'click dblclick'). |
on( | this | Добавляет набор пар тип/обработчик, например, {click: onClick, mousemove: onMouseMove}
|
off( | this | Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удаляет все обработчики данного типа события DOM для элемента. Обратите внимание, что если вы передали пользовательский контекст в on, необходимо передать тот же контекст в off для удаления обработчика. |
off( | this | Удаляет набор пар тип/обработчик, например, {click: onClick, mousemove: onMouseMove}
|
stopPropagation( | this | Остановить распространение данного события на родительские элементы. Используется внутри функций-обработчиков: L.DomEvent.on(div, 'click', function (ev) {
L.DomEvent.stopPropagation(ev);
});
|
disableScrollPropagation( | this | Добавляет stopPropagation к событиям 'mousewheel' элемента (плюс варианты браузера). |
disableClickPropagation( | this | Добавляет stopPropagation к событиям 'click', 'doubleclick', 'mousedown' и 'touchstart' элемента (плюс варианты браузера). |
preventDefault( | this | Предотвращает выполнение стандартного действия события DOM ev (например, перехода по ссылке в атрибуте href элемента a или выполнение POST-запроса с перезагрузкой страницы при отправке формы <form>). Используйте внутри функций-обработчиков. |
stop(ev) | this | Выполняет stopPropagation и preventDefault одновременно. |
getMousePosition( | Point | Получает нормализованные координаты мыши из события DOM относительно container или всей страницы, если не указано иное. |
getWheelDelta( | Number | Получает нормализованный скролл мыши из события DOM, в пикселях по вертикали (отрицательное значение при прокрутке вниз). События от указательных устройств без точной прокрутки отображаются с приблизительным значением в 60 пикселей. |
addListener(…) | this | Псевдоним для L.DomEvent.on
|
removeListener(…) | this | Псевдоним для L.DomEvent.off
|
DomUtil
Утилитарные функции для работы с деревом DOM DOM, используемые Leaflet внутри. Большинство функций, ожидающих или возвращающих HTMLElement, также работают с элементами SVG. Единственное отличие заключается в том, что классы относятся к классам CSS в HTML и классам SVG в SVG.
Функции
| Функция | Возвращает | Описание |
|---|---|---|
get( | HTMLElement | Возвращает элемент по его идентификатору DOM или возвращает сам элемент, если он был передан напрямую. |
getStyle( | String | Возвращает значение определённого атрибута стиля элемента, включая вычисленные значения или значения, установленные через CSS. |
create( | HTMLElement | Создаёт HTML-элемент с tagName, устанавливает его класс в className и необязательно добавляет его в элемент container. |
remove( | Удаляет el из его родительского элемента | |
empty( | Удаляет все дочерние элементы el из el
| |
toFront( | Делает el последним ребёнком его родителя, чтобы он отображался поверх других детей. | |
toBack( | Делает el первым ребёнком его родителя, чтобы он отображался позади других детей. | |
hasClass( | Boolean | Возвращает true, если атрибут класса элемента содержит name. |
addClass( | Добавляет name к атрибуту класса элемента. | |
removeClass( | Удаляет name из атрибута класса элемента. | |
setClass( | Устанавливает класс элемента. | |
getClass( | String | Возвращает класс элемента. |
setOpacity( | Устанавливает непрозрачность элемента (включая поддержку старых версий IE). opacity должно быть числом от 0 до 1. | |
testProp( | String|false | Перебирает массив имён стилей и возвращает первое имя, которое является допустимым именем стиля для элемента. Если такого имени не найдено, возвращает false. Полезно для стилей с префиксом производителя, таких как transform. |
setTransform( | Сбрасывает 3D CSS-трансформацию el, так что она будет сдвинута на offset пикселей и необязательно масштабирована на scale. Не имеет эффекта, если браузер не поддерживает 3D CSS-трансформации. | |
setPosition( | Устанавливает положение el в указанные координаты position, используя CSS-сдвиг или позиционирование top/left в зависимости от браузера (используется Leaflet внутри для позиционирования слоёв). | |
getPosition( | Point | Возвращает координаты элемента, ранее позиционированного с помощью setPosition. |
disableTextSelection() | Препятствует генерации пользователем событий selectstart DOM, обычно генерируемых при перетаскивании мыши по странице с текстом. Используется внутри Leaflet для переопределения поведения любых взаимодействий с перетаскиванием по карте. Воздействует на взаимодействия с перетаскиванием на всей странице. | |
enableTextSelection() | Отменяет действия предыдущего L.DomUtil.disableTextSelection. | |
disableImageDrag() | Как L.DomUtil.disableTextSelection, но для событий dragstart DOM, обычно генерируемых при перетаскивании изображения. | |
enableImageDrag() | Отменяет действия предыдущего L.DomUtil.disableImageDrag. | |
preventOutline( | Делает рамку элемента el невидимой. Используется внутри Leaflet для предотвращения отображения рамки фокусируемых элементов, когда пользователь выполняет взаимодействие с перетаскиванием. | |
restoreOutline() | Отменяет действия предыдущего L.DomUtil.preventOutline. |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
TRANSFORM
|
||
TRANSITION
|
PosAnimation
Используется внутри для анимаций перемещения, используя CSS3 Transitions для современных браузеров и таймер для IE6-9.
Пример использования
var fx = new L.PosAnimation(); fx.run(el, [300, 500], 0.5);
Конструктор
| Конструктор | Описание |
|---|---|
L.PosAnimation() | Создаёт объект PosAnimation. |
События
| Событие | Данные | Описание |
|---|---|---|
start
|
||
step
|
||
end
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
run( |
Запустить анимацию заданного элемента до нового положения, необязательно указав продолжительность в секундах (по умолчанию | |
stop() |
Остановить анимацию (если она запущена). |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет обработчик событий ( |
on( | this |
Добавляет набор пар «тип/обработчик», например, |
off( | this |
Удаляет ранее добавленный обработчик событий. Если функция не указана, будут удалены все обработчики указанного события из объекта. Обратите внимание, что если вы передали контекст обработчика |
off( | this |
Удаляет набор пар «тип/обработчик». |
off() | this |
Удаляет все обработчики всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно указать объект данных — первый аргумент функции обработчика будет содержать его свойства. Событие необязательно может быть распространено на родительские обработчики событий. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский обработчик событий — |
removeEventParent( | this |
Удаляет родительский обработчик событий, поэтому он перестанет получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Перетаскиваемый
Класс для создания перетаскиваемых элементов DOM (включая поддержку сенсорных устройств). Используется внутри для перетаскивания карт и маркеров. Работает только для элементов, позиционированных с помощью L.DomUtil.setPosition.
Пример использования
var draggable = new L.Draggable(elementToDrag); draggable.enable();
Конструктор
| Конструктор | Описание |
|---|---|
L.Draggable( | Создаёт объект Draggable для перемещения el при начале перетаскивания элемента dragHandle (по умолчанию равен самому el). |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
clickTolerance |
Number |
3 | Максимальное количество пикселей, на которое пользователь может сдвинуть указатель мыши во время нажатия, чтобы оно считалось действительным щелчком (в отличие от перетаскивания мышью). |
События
| Событие | Данные | Описание |
|---|---|---|
down
|
||
dragstart
|
||
predrag
|
||
drag
|
||
dragend
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
enable() |
Включает возможность перетаскивания | |
disable() |
Отключает возможность перетаскивания |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет обработчик событий ( |
on( | this |
Добавляет набор пар «тип/обработчик», например, |
off( | this |
Удаляет ранее добавленный обработчик событий. Если функция не указана, будут удалены все обработчики указанного события из объекта. Обратите внимание, что если вы передали контекст обработчика |
off( | this |
Удаляет набор пар «тип/обработчик». |
off() | this |
Удаляет все обработчики всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно указать объект данных — первый аргумент функции обработчика будет содержать его свойства. Событие необязательно может быть распространено на родительские обработчики событий. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский обработчик событий — |
removeEventParent( | this |
Удаляет родительский обработчик событий, поэтому он перестанет получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Класс
L.Class обеспечивает возможности объектно-ориентированного программирования в Leaflet и используется для создания практически всех классов Leaflet, описанных здесь. Помимо реализации простой модели наследования, он вводит несколько специальных свойств для удобной организации кода — options, includes и statics.
Пример использования
var MyClass = L.Class.extend({
initialize: function (greeter) {
this.greeter = greeter;
// class constructor
},
greet: function (name) {
alert(this.greeter + ', ' + name)
}
});
// create instance of MyClass, passing "Hello" to the constructor
var a = new MyClass("Hello");
// call greet method, alerting "Hello, World"
a.greet("World");
Фабрики классов
Вы, возможно, заметили, что объекты Leaflet создаются без использования ключевого слова new. Это достигается путём дополнения каждого класса фабричным методом в нижнем регистре:
new L.Map('map'); // becomes:
L.map('map');
Фабрики реализуются очень просто, и вы можете сделать это для собственных классов:
L.map = function (id, options) {
return new L.Map(id, options);
};
Наследование
Вы используете L.Class.extend для определения новых классов, но вы можете использовать тот же метод для наследования от любого класса:
var MyChildClass = MyClass.extend({
// ... new properties and methods
});
Это создаст класс, который наследует все методы и свойства родительского класса (через цепочку прототипов), добавляя или переопределяя те, которые вы передаёте в extend. Он также правильно отреагирует на instanceof:
var a = new MyChildClass(); a instanceof MyChildClass; // true a instanceof MyClass; // true
Вы можете вызывать родительские методы (включая конструктор) из соответствующих дочерних (как вы делаете с вызовами super в других языках) путём доступа к прототипу родительского класса и использования JavaScript call или apply:
var MyChildClass = MyClass.extend({
initialize: function () {
MyClass.prototype.initialize.call(this, "Yo");
},
greet: function (name) {
MyClass.prototype.greet.call(this, 'bro ' + name + '!');
}
});
var a = new MyChildClass();
a.greet('Jason'); // alerts "Yo, bro Jason!"
Параметры
options — специальное свойство, которое, в отличие от других объектов, передаваемых в extend, будет объединено с родительским, вместо полного его переопределения, что делает удобным управление конфигурацией объектов и значениями по умолчанию:
var MyClass = L.Class.extend({
options: {
myOption1: 'foo',
myOption2: 'bar'
}
});
var MyChildClass = MyClass.extend({
options: {
myOption1: 'baz',
myOption3: 5
}
});
var a = new MyChildClass();
a.options.myOption1; // 'baz'
a.options.myOption2; // 'bar'
a.options.myOption3; // 5
END_OF_DOCUMENT_MARKER
Также есть L.Util.setOptions, метод для удобного объединения параметров, переданных конструктору, со значениями по умолчанию, определёнными в классе:
var MyClass = L.Class.extend({
options: {
foo: 'bar',
bla: 5
},
initialize: function (options) {
L.Util.setOptions(this, options);
...
}
});
var a = new MyClass({bla: 10});
a.options; // {foo: 'bar', bla: 10}
Включения
includes — это специальное свойство класса, которое объединяет все указанные объекты в класс (такие объекты называются миксинами).
var MyMixin = {
foo: function () { ... },
bar: 5
};
var MyClass = L.Class.extend({
includes: MyMixin
});
var a = new MyClass();
a.foo();
Вы также можете выполнить такие включения во время выполнения с методом include:
MyClass.include(MyMixin);
statics — просто удобное свойство, которое вставляет свойства указанного объекта в качестве статических свойств класса, полезное для определения констант:
var MyClass = L.Class.extend({
statics: {
FOO: 'bar',
BLA: 5
}
});
MyClass.FOO; // 'bar'
Обработчики конструктора
Если вы разработчик плагина, вам часто нужно добавлять дополнительный код инициализации к существующим классам (например, редактирование обработчиков для L.Polyline). Leaflet предоставляет способ сделать это легко с помощью метода addInitHook:
MyClass.addInitHook(function () {
// ... do something in constructor additionally
// e.g. add event listeners, set custom properties etc.
});
Вы также можете использовать следующий сокращенный вариант, когда вам нужно выполнить только один дополнительный вызов метода:
MyClass.addInitHook('methodName', arg1, arg2, …);
Функции
| Функция | Возвращает | Описание |
|---|---|---|
extend( | Function |
Расширяет текущий класс с учётом указанных свойств. Возвращает функцию JavaScript, которая является конструктором класса (должна вызываться с new). |
include( | this | Включает миксин в текущий класс. |
mergeOptions( | this |
Объединяет options в значения по умолчанию класса. |
addInitHook( | this | Добавляет обработчик конструктора в класс. |
Событийный
Набор методов, общих для классов, основанных на событиях (например, Map и Marker). В целом, события позволяют вам выполнить некоторую функцию, когда что-то происходит с объектом (например, пользователь нажимает на карту, что вызывает срабатывание события 'click').
Пример использования
map.on('click', function(e) {
alert(e.latlng);
} );
Leaflet работает с обработчиками событий по ссылке, поэтому если вы хотите добавить обработчик и затем удалить его, определите его как функцию:
function onClick(e) { ... }
map.on('click', onClick);
map.off('click', onClick);
Методы
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, он удалит всех обработчиков этого события из объекта. Обратите внимание, что если вы передали пользовательский контекст для |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет всех обработчиков всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно предоставить объект данных — первый аргумент функции обработчика будет содержать его свойства. Событие необязательно может быть распространено на родительские события. |
listens( | Boolean |
Возвращает |
once(…) | this |
Поведение аналогично |
addEventParent( | this |
Добавляет родителя события — |
removeEventParent( | this |
Удаляет родителя события, поэтому он перестанет получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Слой
Набор методов из базового класса Layer, используемый всеми слоями Leaflet. Наследует все методы, параметры и события из L.Evented.
Пример использования
var layer = L.Marker(latlng).addTo(map); layer.addTo(map); layer.remove();
Параметры
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен на перекрывающийся слой карты overlay pane. Переопределение этого параметра заставит слой по умолчанию размещаться на другом слое. |
attribution |
String |
null | Строка, отображаемая в элементе управления атрибутами, описывает данные слоя, например "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
События всплывающей подсказки
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
События подсказки
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
L.Layer, унаследуют следующие методы:| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется элементом управления атрибутами, возвращает параметр атрибуции. |
Методы расширения
L.Layer и (пере-)реализовывать следующие методы.| Метод | Возвращает | Описание |
|---|---|---|
onAdd( | this |
Должно содержать код, создающий DOM-элементы для слоя, добавляющий их в |
onRemove( | this |
Должно содержать весь код очистки, удаляющий элементы слоя из DOM и удаляющий обработчики, ранее добавленные в |
getEvents() | Object |
Этот необязательный метод должен возвращать объект, похожий на |
getAttribution() | String |
Этот необязательный метод должен возвращать строку, содержащую HTML, который будет отображаться в |
beforeAdd( | this |
Необязательный метод. Вызывается при |
Методы всплывающей подсказки
var layer = L.Polygon(latlngs).bindPopup('Hi There!').addTo(map);
layer.openPopup();
layer.closePopup();
Всплывающие подсказки также будут автоматически открываться при нажатии на слой и закрываться при удалении слоя с карты или открытии другой всплывающей подсказки.
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающую подсказку к слою с переданной |
unbindPopup() | this |
Удаляет всплывающую подсказку, ранее привязанную с помощью |
openPopup( | this |
Открывает привязанную всплывающую подсказку в указанной |
closePopup() | this |
Закрывает привязанную к этому слою всплывающую подсказку, если она открыта. |
togglePopup() | this |
Открывает или закрывает привязанную к этому слою всплывающую подсказку в зависимости от ее текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое привязанной к этому слою всплывающей подсказки. |
getPopup() | Popup |
Возвращает всплывающую подсказку, привязанную к этому слою. |
Методы подсказки
var layer = L.Polygon(latlngs).bindTooltip('Hi There!').addTo(map);
layer.openTooltip();
layer.closeTooltip();
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданной |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от ее текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое привязанной к этому слою подсказки. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, она удалит всех обработчиков данного события из объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий в объекте. |
fire( | this |
Инициирует событие указанного типа. Вы можете необязательно указать объект данных — первый аргумент функции-обработчика будет содержать его свойства. Событие может быть необязательно распространено к родительским событиям. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительское событие - |
removeEventParent( | this |
Удаляет родительское событие, чтобы оно перестало получать распространяемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Интерактивный слой
Некоторые Layer могут быть интерактивными — при взаимодействии пользователя с таким слоем можно обрабатывать события мыши, такие как click и mouseover. Используйте методы обработки событий для обработки этих событий.
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
interactive |
Boolean |
true | Если false, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен к панели наложения карты. Переопределение этого параметра приведет к размещению слоя на другой панели по умолчанию. |
attribution |
String |
null | Строка, отображаемая в элементе управления атрибутами, описывающая данные слоя, например, "© Mapbox". |
События
События мыши
| Событие | Данные | Описание |
|---|---|---|
click
|
||
dblclick
|
||
mousedown
|
||
mouseover
|
||
mouseout
|
||
contextmenu
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на указанную карту |
remove() | this |
Удаляет слой с карты, на которой он в данный момент активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращает | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающее окно к слою с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее привязанное с помощью |
openPopup( | this |
Открывает привязанное всплывающее окно в указанной |
closePopup() | this |
Закрывает всплывающее окно, привязанное к этому слою, если оно открыто. |
togglePopup() | this |
Открывает или закрывает всплывающее окно, привязанное к этому слою, в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающего окна, привязанного к этому слою. |
getPopup() | Popup |
Возвращает всплывающее окно, привязанное к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанной |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от ее текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-обработчик ( |
on( | this |
Добавляет набор пар тип/обработчик, например, |
off( | this |
Удаляет ранее добавленную функцию-обработчик. Если функция не указана, удаляются все обработчики данного события в объекте. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/обработчик. |
off() | this |
Удаляет все обработчики всех событий в объекте. |
fire( | this |
Вызывает событие указанного типа. Необязательно можно передать объект данных — свойства которого будут первым аргументом функции-обработчика. Событие необязательно может распространяться на родительские события. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский обработчик событий — |
removeEventParent( | this |
Удаляет родительский обработчик событий, чтобы он перестал получать распространяемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Контроль
L.Control — базовый класс для реализации элементов управления картой. Обрабатывает позиционирование. Все остальные элементы управления расширяются от этого класса.
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
position |
String |
'topright' | Позиция элемента управления (один из углов карты). Возможные значения — 'topleft', 'topright', 'bottomleft' или 'bottomright'
|
Методы
| Метод | Возвращает | Описание |
|---|---|---|
getPosition() | string |
Возвращает положение элемента управления. |
setPosition( | this |
Устанавливает положение элемента управления. |
getContainer() | HTMLElement |
Возвращает HTMLElement, содержащий элемент управления. |
addTo( | this |
Добавляет элемент управления к заданной карте. |
remove() | this |
Удаляет элемент управления с карты, на которой он в настоящее время активен. |
Методы расширения
L.Control и (пере-)реализовывать следующие методы.| Метод | Возвращает | Описание |
|---|---|---|
onAdd( | HTMLElement |
Должен вернуть контейнерный DOM-элемент для элемента управления и добавить обработчики событий на соответствующие события карты. Вызывается при |
onRemove( |
Необязательный метод. Должен содержать весь код очистки, который удаляет обработчики событий, добавленные ранее в |
Обработчик
Абстрактный класс для обработчиков взаимодействия с картой
Методы
| Метод | Возвращает | Описание |
|---|---|---|
enable() | this |
Активирует обработчик |
disable() | this |
Деактивирует обработчик |
enabled() | Boolean |
Возвращает |
Методы расширения
Handler, должны реализовать два следующих метода:| Метод | Возвращает | Описание |
|---|---|---|
addHooks() |
Вызывается при активации обработчика, должен добавить обработчики событий. | |
removeHooks() |
Вызывается при деактивации обработчика, должен удалить обработчики событий, добавленные ранее. |
Проекция
Объект с методами для проекции географических координат мира на плоскую поверхность (и обратно). См. Проекция карты.
Методы
| Метод | Возвращает | Описание |
|---|---|---|
project( | Point |
Проецирует географические координаты в 2D-точку. Принимает только фактические экземпляры |
unproject( | LatLng |
Обратное преобразование |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
bounds
|
Определенные проекции
| Проекция | Описание |
|---|---|
L.Projection.LonLat | Прямоугольная или проекция Ламберта — самая простая проекция, преимущественно используемая специалистами по ГИС. Непосредственно отображает x как долготу и y как широту. Также подходит для плоских миров, например, для карт игр. Используется CRS EPSG:3395 и Simple. |
L.Projection.Mercator | Эллиптическая проекция Меркатора — сложнее, чем сферическая проекция Меркатора. Учитывает, что Земля — это геоид, а не идеальная сфера. Используется CRS EPSG:3395. |
L.Projection.SphericalMercator | Сферическая проекция Меркатора — самая распространённая проекция для онлайн-карт, используемая практически всеми бесплатными и коммерческими поставщиками плиток. Предполагает, что Земля — это сфера. Используется CRS EPSG:3857. |
CRS
Абстрактный класс, определяющий системы координат для проекции географических точек в пиксельные (экранные) координаты и обратно (и в координаты в других единицах для сервисов WMS). См. систему пространственной справки. Leaflet определяет наиболее распространённые CRS по умолчанию. Если вы хотите использовать CRS, не определённые по умолчанию, ознакомьтесь с плагином Proj4Leaflet.
Методы
| Метод | Возвращает | Описание |
|---|---|---|
latLngToPoint( | Point |
Проецирует географические координаты в пиксельные координаты для заданного масштаба. |
pointToLatLng( | LatLng |
Обратное преобразование |
project( | Point |
Проецирует географические координаты в координаты в единицах, принятых для данной CRS (например, метры для EPSG:3857, для передачи их в службы WMS). |
unproject( | LatLng |
Принимая спроецированные координаты, возвращает соответствующие LatLng. Обратное преобразование |
scale( | Number |
Возвращает масштаб, используемый при преобразовании спроецированных координат в пиксельные координаты для конкретного масштаба. Например, он возвращает |
zoom( | Number |
Обратное преобразование |
getProjectedBounds( | Bounds |
Возвращает границы проекции, отмасштабированные и преобразованные для предоставленного |
distance( | Number |
Возвращает расстояние между двумя географическими координатами. |
wrapLatLng( | LatLng |
Возвращает |
wrapLatLngBounds( | LatLngBounds |
Возвращает |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
code
|
||
wrapLng
|
||
wrapLat
|
||
infinite
|
Определённые CRS
| CRS | Описание |
|---|---|
L.CRS.EPSG3395 | Редко используется некоторыми коммерческими поставщиками плиток. Использует эллиптическую проекцию Меркатора. |
L.CRS.EPSG3857 | Наиболее распространённый CRS для онлайн-карт, используемый практически всеми бесплатными и коммерческими поставщиками плиток. Использует сферическую проекцию Меркатора. Установлен по умолчанию в опции crs карты. |
L.CRS.EPSG4326 | Распространённый CRS среди энтузиастов ГИС. Использует простую прямоугольную проекцию. Leaflet 1.0.x соответствует схеме координат TMS для EPSG:4326, что является изменением поведения по сравнению с 0.7.x. Если вы используете TileLayer с этим CRS, убедитесь, что существуют две плитки 256x256 пикселей, покрывающие всю Землю на уровне масштаба ноль, и что начало координат плитки находится в (-180,+90) или (-180,-90) для TileLayer с опцией tms установленной. |
L.CRS.Earth | Служит основой для CRS, которые являются глобальными, таким образом, что они охватывают Землю. Может использоваться только в качестве основы для других CRS и не может использоваться напрямую, так как у него нет code, projection или transformation. distance() возвращает метры. |
L.CRS.Simple | Простой CRS, который отображает долготу и широту непосредственно в x и y. Может использоваться для карт плоских поверхностей (например, карт игр). Обратите внимание, что ось y всё ещё должна быть инвертирована (от нижней к верхней части). distance() возвращает просто евклидово расстояние. |
Рендерер
Базовый класс для реализации рендереров векторов (SVG, Canvas). Обрабатывает контейнер DOM рендера, его границы и анимацию масштабирования. Renderer работает как неявная группа слоёв для всех Path — сам рендер может быть добавлен или удалён на карту. Все пути используют рендер, который может быть неявным (карта определит тип рендера и использует его автоматически) или явным (используя опцию renderer пути). Не используйте этот класс напрямую, используйте SVG и Canvas вместо него.
Параметры
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
padding |
Number |
0.1 | Насколько нужно расширить область обрезки вокруг представления карты (относительно её размера), например, 0,1 будет 10% размера представления карты в каждом направлении. |
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
pane |
String |
'overlayPane' | По умолчанию слой будет добавлен на слой перекрытий карты. Переопределение этого параметра поместит слой по умолчанию на другой слой. |
attribution |
String |
null | Строка, отображаемая в элементе управления подписью, описывающая данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
update
|
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращаемое значение | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Метод | Возвращаемое значение | Описание |
|---|---|---|
bindPopup( | this |
Привязывает всплывающее окно к слою с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее привязанное с помощью |
openPopup( | this |
Открывает привязанное всплывающее окно в указанном |
closePopup() | this |
Закрывает привязанное всплывающее окно к этому слою, если оно открыто. |
togglePopup() | this |
Открывает или закрывает привязанное всплывающее окно к этому слою в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающего окна, привязанного к этому слою. |
getPopup() | Popup |
Возвращает всплывающее окно, привязанное к этому слою. |
| Метод | Возвращаемое значение | Описание |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанном |
closeTooltip() | this |
Закрывает привязанную подсказку к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает привязанную подсказку к этому слою в зависимости от её текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-слушатель ( |
on( | this |
Добавляет набор пар тип/слушатель, например, |
off( | this |
Удаляет ранее добавленную функцию-слушатель. Если функция не указана, будут удалены все слушатели этого конкретного события от объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар тип/слушатель. |
off() | this |
Удаляет всех слушателей всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно передать объект данных — первый аргумент функции-слушателя будет содержать его свойства. Событие может необязательно быть распространено на родительские элементы. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский элемент события - |
removeEventParent( | this |
Удаляет родительский элемент события, так что он перестанет получать распространяемые события |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Объекты событий
Всякий раз, когда класс, наследующий от Evented, вызывает событие, функция-слушатель будет вызвана с аргументом события, который является простым объектом, содержащим информацию о событии. Например:
map.on('click', function(ev) {
alert(ev.latlng); // ev is an event object (MouseEvent in this case)
});
Доступная информация зависит от типа события:
Событие
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
KeyboardEvent
| Свойство | Тип | Описание |
|---|---|---|
originalEvent
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
MouseEvent
| Свойство | Тип | Описание |
|---|---|---|
latlng
|
||
layerPoint
|
||
containerPoint
|
||
originalEvent
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
LocationEvent
| Свойство | Тип | Описание |
|---|---|---|
latlng
|
||
bounds
|
||
accuracy
|
||
altitude
|
||
altitudeAccuracy
|
||
heading
|
||
speed
|
||
timestamp
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
ErrorEvent
| Свойство | Тип | Описание |
|---|---|---|
message
|
||
code
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
LayerEvent
| Свойство | Тип | Описание |
|---|---|---|
layer
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
LayersControlEvent
| Свойство | Тип | Описание |
|---|---|---|
layer
|
||
name
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
TileEvent
| Свойство | Тип | Описание |
|---|---|---|
tile
|
||
coords
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
TileErrorEvent
| Свойство | Тип | Описание |
|---|---|---|
tile
|
||
coords
|
||
error
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
ResizeEvent
| Свойство | Тип | Описание |
|---|---|---|
oldSize
|
||
newSize
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
GeoJSONEvent
| Свойство | Тип | Описание |
|---|---|---|
layer
|
||
properties
|
||
geometryType
|
||
id
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
PopupEvent
| Свойство | Тип | Описание |
|---|---|---|
popup
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
TooltipEvent
| Свойство | Тип | Описание |
|---|---|---|
tooltip
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
DragEndEvent
| Свойство | Тип | Описание |
|---|---|---|
distance
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
ZoomAnimEvent
| Свойство | Тип | Описание |
|---|---|---|
center
|
||
zoom
|
||
noUpdate
|
| Свойство | Тип | Описание |
|---|---|---|
type
|
||
target
|
DivOverlay
Базовая модель для L.Popup и L.Tooltip. Унаследуйте от неё для создания пользовательских всплывающих окон, например, в плагинах.
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
offset |
Point |
Point(0, 7) | Смещение позиции всплывающего окна. Полезно для управления якорем всплывающего окна при открытии его на некоторых наложениях. |
className |
String |
'' | Пользовательское имя класса CSS для присвоения всплывающему окну. |
pane |
String |
'popupPane' |
Map pane, куда будет добавлено всплывающее окно. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
attribution |
String |
null | Строка, отображаемая в блоке атрибуции, описывающая данные слоя, например, "© Mapbox". |
События
| Событие | Данные | Описание |
|---|---|---|
add
|
||
remove
|
| Событие | Данные | Описание |
|---|---|---|
popupopen
|
||
popupclose
|
| Событие | Данные | Описание |
|---|---|---|
tooltipopen
|
||
tooltipclose
|
Методы
| Метод | Возвращаемое значение | Описание |
|---|---|---|
addTo( | this |
Добавляет слой на указанную карту |
remove() | this |
Удаляет слой с карты, на которой он в данный момент активен. |
removeFrom( | this |
Удаляет слой с указанной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется модулем |
| Метод | Возвращаемое значение | Описание |
|---|---|---|
bindPopup( | this |
Связывает всплывающее окно со слоем с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее связанное с |
openPopup( | this |
Открывает связанное всплывающее окно в указанной |
closePopup() | this |
Закрывает связанное всплывающее окно, если оно открыто. |
togglePopup() | this |
Открывает или закрывает связанное всплывающее окно в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое связанного всплывающего окна. |
getPopup() | Popup |
Возвращает связанное всплывающее окно. |
| Метод | Возвращаемое значение | Описание |
|---|---|---|
bindTooltip( | this |
Связывает всплывающую подсказку со слоем с переданным |
unbindTooltip() | this |
Удаляет всплывающую подсказку, ранее связанную с |
openTooltip( | this |
Открывает связанную всплывающую подсказку в указанной |
closeTooltip() | this |
Закрывает связанную всплывающую подсказку, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает связанную всплывающую подсказку в зависимости от её текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое связанной всплывающей подсказки. |
getTooltip() | Tooltip |
Возвращает связанную всплывающую подсказку. |
| Метод | Возвращает | Описание |
|---|---|---|
on( | this |
Добавляет функцию-слушатель ( |
on( | this |
Добавляет набор пар "тип/слушатель", например, |
off( | this |
Удаляет ранее добавленную функцию-слушатель. Если функция не указана, будут удалены все слушатели этого конкретного события из объекта. Обратите внимание, что если вы передали пользовательский контекст в |
off( | this |
Удаляет набор пар "тип/слушатель". |
off() | this |
Удаляет всех слушателей всех событий объекта. |
fire( | this |
Вызывает событие указанного типа. Вы можете необязательно предоставить объект данных — первый аргумент функции-слушателя будет содержать его свойства. Событие необязательно может быть распространено на родительские элементы. |
listens( | Boolean |
Возвращает |
once(…) | this |
Ведёт себя как |
addEventParent( | this |
Добавляет родительский элемент события — |
removeEventParent( | this |
Удаляет родительский элемент события, так что он перестанет получать распространяемые события. |
addEventListener(…) | this |
Псевдоним для |
removeEventListener(…) | this |
Псевдоним для |
clearAllEventListeners(…) | this |
Псевдоним для |
addOneTimeEventListener(…) | this |
Псевдоним для |
fireEvent(…) | this |
Псевдоним для |
hasEventListeners(…) | Boolean |
Псевдоним для |
Глобальные переключатели
Глобальные переключатели созданы для редких случаев и, как правило, заставляют Leaflet не обнаруживать определённую функцию браузера, даже если она есть. Вам нужно установить переключатель как глобальную переменную в значение true перед включением Leaflet на странице, например так:
<script>L_NO_TOUCH = true;</script> <script src="leaflet.js"></script>
| Переключатель | Описание |
|---|---|
L_NO_TOUCH | Заставляет Leaflet не использовать события touch, даже если они обнаружены. |
L_DISABLE_3D | Заставляет Leaflet не использовать ускоренные CSS 3D преобразования для позиционирования (что может привести к ошибкам в некоторых редких средах), даже если они поддерживаются. |
noConflict
Этот метод восстанавливает глобальную переменную L до её исходного значения до включения Leaflet и возвращает фактическое пространство имён Leaflet, чтобы вы могли поместить его в другое место, например так:
<script src='libs/l.js'> <!-- L points to some other library --> <script src='leaflet.js'> <!-- you include Leaflet, it replaces the L variable to Leaflet namespace --> <script> var Leaflet = L.noConflict(); // now L points to that other library again, and you can use Leaflet.Map etc. </script>
версия
Константа, представляющая используемую версию Leaflet.
L.version; // contains "1.0.0" (or whatever version is currently in use)
© 2010–2018 Vladimir Agafonkin
© 2010–2011, CloudMade
Maps © OpenStreetMap contributors.
https://leafletjs.com/reference-1.0.3.html
map.getPaneилиmap.getPanes. Новые слои можно создать с помощью методаmap.createPane. Каждая карта имеет следующие стандартные слои, которые различаются только z-индексом.