Ссылка на API Leaflet
Карта
Центральный класс 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( | Создает объект карты, используя DOM ID элемента <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 | * | Минимальный уровень масштабирования карты. Если не указано и на карте есть хотя бы один GridLayer или TileLayer, вместо этого будет использовано наименьшее из их опций minZoom. |
maxZoom | Number | * | Максимальный уровень масштабирования карты. Если не указано и на карте есть хотя бы один GridLayer или TileLayer, вместо этого будет использовано наибольшее из их опций maxZoom. |
layers | Layer[] | [] | Массив слоев, которые будут добавлены на карту изначально |
maxBounds | LatLngBounds | null | Когда эта опция установлена, карта ограничивает вид заданными географическими границами, возвращая пользователя обратно, если он пытается панорамировать за пределы вида. Чтобы динамически установить ограничение, используйте метод setMaxBounds. |
renderer | Renderer | * | Метод по умолчанию для отрисовки векторных слоев на карте. L.SVG или L.Canvas по умолчанию в зависимости от поддержки браузером. |
Опции анимации
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
zoomAnimation | Boolean | true | Включена ли анимация масштабирования карты. По умолчанию она включена во всех браузерах, которые поддерживают CSS3 Transitions, за исключением Android. |
zoomAnimationThreshold | Number | 4 | Не будет анимировать масштабирование, если разница масштабирования превышает это значение. |
fadeAnimation | Boolean | true | Включена ли анимация плавного перехода плиток. По умолчанию она включена во всех браузерах, которые поддерживают CSS3 Transitions, за исключением Android. |
markerZoomAnimation | Boolean | true | Анимируют ли маркеры свой масштаб вместе с анимацией масштабирования, если отключено, они будут исчезать на время анимации. По умолчанию она включена во всех браузерах, которые поддерживают CSS3 Transitions, за исключением Android. |
transform3DLimit | Number | 2^23 | Определяет максимальный размер преобразования CSS translation. Значение по умолчанию не следует изменять, если веб-браузер не позиционирует слои в неправильном месте после выполнения большого 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) означают изменение одного полного уровня масштабирования. Меньшие значения сделают масштабирование колесом быстрее (и наоборот). |
Опции сенсорного взаимодействия
| Option | Type | Default | Description |
|---|---|---|---|
tap | Boolean | true | Включает мобильные хаки для поддержки мгновенных касаний (исправление задержки клика в 200 мс на iOS/Android) и длительных касаний (срабатывают как contextmenu события). |
tapTolerance | Number | 15 | Максимальное количество пикселей, на которое пользователь может сдвинуть палец во время касания, чтобы оно считалось допустимым касанием. |
touchZoom | Boolean|String | * | Можно ли масштабировать карту, перетаскивая двумя пальцами. Если передано 'center', масштабирование будет выполнено к центру вида, независимо от того, где находились события касания (пальцы). Включено для веб-браузеров с поддержкой сенсорного ввода, за исключением старых Android. |
bounceAtZoomLimits | Boolean | true | Установите значение false, если вы не хотите, чтобы карта масштабировалась за пределы минимального/максимального масштаба, а затем отскакивала обратно при масштабировании с помощью жеста «щипок». |
События
События слоя
| Event | Data | Description |
|---|---|---|
baselayerchange | LayersControlEvent | Срабатывает, когда базовый слой изменяется через управление слоями. |
overlayadd | LayersControlEvent | Срабатывает, когда оверлей выбирается через управление слоями. |
overlayremove | LayersControlEvent | Срабатывает, когда оверлей отключается через управление слоями. |
layeradd | LayerEvent | Срабатывает, когда новый слой добавляется на карту. |
layerremove | LayerEvent | Срабатывает, когда слой удаляется с карты. |
События изменения состояния карты
| Event | Data | Description |
|---|---|---|
zoomlevelschange | Event | Срабатывает, когда количество уровней масштабирования на карте изменяется из-за добавления или удаления слоя. |
resize | ResizeEvent | Срабатывает, когда карта изменяет размер. |
unload | Event | Срабатывает, когда карта уничтожается с помощью метода remove. |
viewreset | Event | Срабатывает, когда карте необходимо перерисовать своё содержимое (обычно это происходит при масштабировании или загрузке карты). Очень полезно для создания пользовательских оверлеев. |
load | Event | Срабатывает, когда карта инициализируется (когда её центр и масштаб устанавливаются в первый раз). |
zoomstart | Event | Срабатывает, когда масштаб карты вот-вот изменится (например, перед анимацией масштабирования). |
movestart | Event | Срабатывает, когда вид карты начинает изменяться (например, пользователь начинает перетаскивать карту). |
zoom | Event | Срабатывает многократно во время любого изменения уровня масштабирования, включая анимации масштабирования и полёта. |
move | Event | Срабатывает многократно во время любого перемещения карты, включая анимации панорамирования и полёта. |
zoomend | Event | Срабатывает, когда карта изменилась, после любых анимаций. |
moveend | Event | Срабатывает, когда центр карты перестаёт изменяться (например, пользователь перестал перетаскивать карту). |
События всплывающих окон
| Event | Data | Description |
|---|---|---|
popupopen | PopupEvent | Срабатывает, когда всплывающее окно открывается на карте. |
popupclose | PopupEvent | Срабатывает, когда всплывающее окно на карте закрывается. |
autopanstart | Event | Срабатывает, когда карта начинает автоматическое панорамирование при открытии всплывающего окна. |
События подсказок
| Event | Data | Description |
|---|---|---|
tooltipopen | TooltipEvent | Срабатывает, когда подсказка открывается на карте. |
tooltipclose | TooltipEvent | Срабатывает, когда подсказка на карте закрывается. |
События местоположения
| Event | Data | Description |
|---|---|---|
locationerror | ErrorEvent | Срабатывает, когда определение местоположения (с помощью метода locate) завершилось неудачей. |
locationfound | LocationEvent | Срабатывает, когда определение местоположения (с помощью метода locate) прошло успешно. |
События взаимодействия
| Event | Data | Description |
|---|---|---|
click | MouseEvent | Срабатывает, когда пользователь кликает (или касается) карту. |
dblclick | MouseEvent | Срабатывает, когда пользователь дважды кликает (или дважды касается) карту. |
mousedown | MouseEvent | Срабатывает, когда пользователь нажимает кнопку мыши на карте. |
mouseup | MouseEvent | Срабатывает, когда пользователь отпускает кнопку мыши на карте. |
mouseover | MouseEvent | Срабатывает, когда курсор мыши заходит на карту. |
mouseout | MouseEvent | Срабатывает, когда курсор мыши выходит с карты. |
mousemove | MouseEvent | Срабатывает, когда курсор мыши движется по карте. |
contextmenu | MouseEvent | Срабатывает, когда пользователь нажимает правую кнопку мыши на карте, предотвращает отображение контекстного меню браузера по умолчанию, если есть обработчики для этого события. Также срабатывает на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
keypress | KeyboardEvent | Срабатывает, когда пользователь нажимает клавишу на клавиатуре, которая создаёт символьное значение, пока карта находится в фокусе. |
keydown | KeyboardEvent | Срабатывает, когда пользователь нажимает клавишу на клавиатуре, пока карта находится в фокусе. В отличие от события keypress, событие keydown срабатывает для клавиш, которые создают символьное значение, и для клавиш, которые не создают символьное значение. |
keyup | KeyboardEvent | Срабатывает, когда пользователь отпускает клавишу на клавиатуре, пока карта находится в фокусе. |
preclick | MouseEvent | Срабатывает перед щелчком мыши на карте (иногда полезно, когда вы хотите, чтобы что-то произошло при щелчке, прежде чем начнут работать существующие обработчики щелчков). |
Другие события
| Event | Data | Description |
|---|---|---|
zoomanim | ZoomAnimEvent | Срабатывает как минимум один раз для каждой анимации масштабирования. Для непрерывного масштабирования, например, масштабирования с помощью жеста «щипок», срабатывает один раз за кадр во время масштабирования. |
Методы
| Method | Returns | Description |
|---|---|---|
getRenderer( | Renderer |
Возвращает экземпляр |
Методы для слоёв и элементов управления
| Method | Returns | Description |
|---|---|---|
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 |
Перемещает карту к ближайшему виду, который будет находиться внутри заданных границ (если он еще не находится там), управляя анимацией с помощью указанных параметров, если таковые имеются. |
panInside( | 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 |
Возвращает расстояние между двумя географическими координатами в соответствии с CRS карты. По умолчанию это измеряет расстояние в метрах. |
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 |
Псевдоним для |
Свойства
Элементы управления
| Свойство | Тип | Описание |
|---|---|---|
zoomControl | Control.Zoom | Элемент управления масштабированием по умолчанию (доступен только в том случае, если zoomControl option был true при создании карты). |
Обработчики
| Свойство | Тип | Описание |
|---|---|---|
boxZoom | Handler | Обработчик масштабирования рамкой (перетаскивание с помощью мыши, удерживая Shift). |
doubleClickZoom | Handler | Обработчик масштабирования двойным щелчком. |
dragging | Handler | Обработчик перетаскивания карты (как мышью, так и сенсорным экраном). |
keyboard | Handler | Обработчик навигации с клавиатуры. |
scrollWheelZoom | Handler | Обработчик масштабирования колесом мыши. |
tap | Handler | Обработчик мобильных сенсорных жестов (быстрое касание и удержание касания). |
touchZoom | Handler | Обработчик масштабирования сенсорным экраном. |
Области карты
| Панель | Тип | Z-индекс | Описание |
|---|---|---|---|
mapPane | HTMLElement | 'auto' | Панель, содержащая все остальные панели карты |
tilePane | HTMLElement | 200 | Панель для GridLayer и TileLayer |
overlayPane | HTMLElement | 400 | Панель для векторов (Path, например Polyline и Polygon), ImageOverlay и VideoOverlay |
shadowPane | HTMLElement | 500 | Панель для теней оверлеев (например, тени Marker) |
markerPane | HTMLElement | 600 | Панель для Icon Marker |
tooltipPane | HTMLElement | 650 | Панель для Tooltip. |
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, заданный географической точкой и необязательно объектом параметров. |
Параметры
| Option | Type | Default | Description |
|---|---|---|---|
icon | Icon | * | Экземпляр значка для отрисовки маркера. См. документацию по значкам для получения подробной информации о настройке значка маркера. Если не указано, используется общий экземпляр L.Icon.Default. |
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-index, используемое для функции riseOnHover. |
pane | String | 'markerPane' |
Map pane куда будет добавлен значок маркеров. Map pane куда будет добавлена тень маркеров. |
bubblingMouseEvents | Boolean | false | Когда true, событие мыши на этом маркере вызовет то же событие на карте (если не используется L.DomEvent.stopPropagation). |
Параметры перемещаемого маркера
| Option | Type | Default | Description |
|---|---|---|---|
draggable | Boolean | false | Можно ли перетаскивать маркер мышью/сенсорным вводом или нет. |
autoPan | Boolean | false | Перемещать ли карту при перетаскивании этого маркера около его края или нет. |
autoPanPadding | Point | Point(50, 50) | Расстояние (в пикселях слева/справа и сверху/снизу) от края карты до начала перемещения карты. |
autoPanSpeed | Number | 10 | Количество пикселей, на которое должна перемещаться карта. |
| Option | Type | Default | Description |
|---|---|---|---|
interactive | Boolean | true | Если false, слой не будет генерировать события мыши и будет выступать как часть базовой карты. |
| Option | Type | Default | Description |
|---|---|---|---|
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством по отношению к правообладателям и поставщикам тайлов. |
События
| Event | Data | Description |
|---|---|---|
move | Event | Генерируется, когда маркер перемещается с помощью setLatLng или путем перетаскивания. Старые и новые координаты включены в аргументы события как oldLatLng, latlng. |
События перетаскивания
| Event | Data | Description |
|---|---|---|
dragstart | Event | Генерируется, когда пользователь начинает перетаскивать маркер. |
movestart | Event | Генерируется, когда маркер начинает движение (из-за перетаскивания). |
drag | Event | Генерируется многократно, пока пользователь перетаскивает маркер. |
dragend | DragEndEvent | Генерируется, когда пользователь прекращает перетаскивать маркер. |
moveend | Event | Генерируется, когда маркер прекращает движение (из-за перетаскивания). |
| Event | Data | Description |
|---|---|---|
click | MouseEvent | Генерируется, когда пользователь щелкает (или касательно нажимает) слой. |
dblclick | MouseEvent | Генерируется, когда пользователь дважды щелкает (или дважды касательно нажимает) слой. |
mousedown | MouseEvent | Генерируется, когда пользователь нажимает кнопку мыши на слое. |
mouseup | MouseEvent | Генерируется, когда пользователь отпускает кнопку мыши, нажатую на слое. |
mouseover | MouseEvent | Генерируется, когда курсор мыши входит в слой. |
mouseout | MouseEvent | Генерируется, когда курсор мыши выходит из слоя. |
contextmenu | MouseEvent | Генерируется, когда пользователь щелкает правой кнопкой мыши на слое, предотвращает отображение контекстного меню браузера по умолчанию, если есть слушатели этого события. Также генерируется на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
| Event | Data | Description |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Event | Data | Description |
|---|---|---|
popupopen | PopupEvent | Генерируется, когда открывается всплывающее окно, привязанное к этому слою |
popupclose | PopupEvent | Генерируется, когда закрывается всплывающее окно, привязанное к этому слою |
| Event | Data | Description |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется, когда открывается подсказка, привязанная к этому слою. |
tooltipclose | TooltipEvent | Генерируется, когда закрывается подсказка, привязанная к этому слою. |
Методы
addTo() и remove(), и методам всплывающих окон, таким как bindPopup(), вы также можете использовать следующие методы:| Method | Returns | Description |
|---|---|---|
getLatLng() | LatLng |
Возвращает текущее географическое положение маркера. |
setLatLng( | this |
Изменяет положение маркера на заданную точку. |
setZIndexOffset( | this |
Изменяет смещение zIndex маркера. |
getIcon() | Icon |
Возвращает текущий значок, используемый маркером |
setIcon( | this |
Изменяет значок маркера. |
setOpacity( | this |
Изменяет непрозрачность маркера. |
Другие методы
| Method | Returns | Description |
|---|---|---|
toGeoJSON( | Object |
|
| Method | Returns | Description |
|---|---|---|
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 | Handler | Обработчик перетаскивания маркера (как мышью, так и сенсорным управлением). Действительно только тогда, когда маркер находится на карте (в противном случае установите marker.options.draggable). |
Всплывающее окно
Используется для открытия всплывающих окон в определённых местах карты. Используйте 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, если вы хотите запретить пользователям панорамировать всплывающее окно за пределы экрана, пока оно открыто. |
closeButton | Boolean | true | Управляет наличием кнопки закрытия во всплывающем окне. |
autoClose | Boolean | true | Установите в false, если вы хотите переопределить поведение по умолчанию закрытия всплывающего окна при открытии другого всплывающего окна. |
closeOnEscapeKey | Boolean | true | Установите в false, если вы хотите переопределить поведение по умолчанию клавиши ESC для закрытия всплывающего окна. |
closeOnClick | Boolean | * | Установите, если вы хотите переопределить поведение по умолчанию закрытия всплывающего окна при нажатии пользователем на карту. По умолчанию используется параметр карты closePopupOnClick. |
className | String | '' | Настраиваемое имя класса CSS для присвоения всплывающему окну. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
offset | Point | Point(0, 7) | Смещение позиции всплывающего окна. Полезно для управления якорем всплывающего окна при его открытии на некоторых оверлеях. |
pane | String | 'popupPane' |
Map pane куда будет добавлено всплывающее окно. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
attribution | String | null | Строка, которая будет отображаться в элементе управления атрибуцией, например, «© OpenStreetMap contributors». Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Генерируется при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Генерируется при закрытии всплывающего окна, привязанного к этому слою |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется при открытии подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Генерируется при закрытии подсказки, привязанной к этому слою. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
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значка: это будет учитываться только для Marker. Вам следует настроить это значение, если вы используете пользовательский значок.
Создание
| Фабрика | Описание |
|---|---|
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 | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством по отношению к правообладателям и поставщикам тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
add | Event | Вызывается после добавления слоя на карту |
remove | Event | Вызывается после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Вызывается при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Вызывается при закрытии всплывающего окна, привязанного к этому слою |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Вызывается при открытии всплывающей подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Вызывается при закрытии всплывающей подсказки, привязанной к этому слою. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
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
Используется для загрузки и отображения слоёв плиток на карте. Обратите внимание, что большинство серверов плиток требуют атрибуции, которую можно установить в разделе Layer. Расширяет GridLayer.
Пример использования
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png?{foo}', {foo: 'bar', attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'}).addTo(map);
Шаблон URL
Строка следующего вида:
'http://{s}.somedomain.com/blabla/{z}/{x}/{y}{r}.png'
{s} означает один из доступных поддоменов (используется последовательно, чтобы помочь с параллельными запросами браузера из-за ограничения на количество доменов; значения поддоменов указаны в параметрах; a, b или c по умолчанию, могут быть опущены), {z} — уровень масштабирования, {x} и {y} — координаты плиток. {r} можно использовать для добавления "@2x" к URL для загрузки плиток с высоким разрешением. Можно использовать пользовательские ключи в шаблоне, которые будут оценены из параметров TileLayer, например:
L.tileLayer('http://{s}.somedomain.com/{foo}/{z}/{x}/{y}.png', {foo: 'bar'});
Создание
Расширяющие методы
| Фабрика | Описание |
|---|---|
L.tilelayer( | Создаёт объект слоя плиток, используя URL template и необязательно объект параметров. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
minZoom | Number | 0 | Минимальный уровень масштабирования, до которого будет отображаться этот слой (включительно). |
maxZoom | Number | 18 | Максимальный уровень масштабирования, до которого будет отображаться этот слой (включительно). |
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|String | false | Будет ли атрибут crossOrigin добавлен к плиткам. Если предоставлена строка, у всех плиток атрибут crossOrigin будет установлен в предоставленную строку. Это необходимо, если вы хотите получить доступ к данным пикселей плитки. Обратитесь к Настройкам CORS для допустимых значений строк. |
| Option | Type | Default | Description |
|---|---|---|---|
tileSize | Number|Point | 256 | Ширина и высота плиток в сетке. Используйте число, если ширина и высота равны, или L.point(width, height) в противном случае. |
opacity | Number | 1.0 | Прозрачность плиток. Может быть использована в функции createTile(). |
updateWhenIdle | Boolean | (depends) | Загружать новые плитки только по окончании панорамирования. true по умолчанию в мобильных браузерах, чтобы избежать слишком большого количества запросов и сохранить плавную навигацию. false в противном случае, чтобы отображать новые плитки во время панорамирования, так как легко выйти за пределы параметра keepBuffer в настольных браузерах. |
updateWhenZooming | Boolean | true | По умолчанию плавная анимация масштабирования (во время масштабирования касанием или flyTo()) будет обновлять слои сетки на каждом целочисленном уровне масштабирования. Установка этого параметра на false будет обновлять слой сетки только по завершении плавной анимации. |
updateInterval | Number | 200 | Плитки не будут обновляться чаще, чем один раз каждые updateInterval миллисекунд при панорамировании. |
zIndex | Number | 1 | Явный zIndex слоя плиток. |
bounds | LatLngBounds | undefined | Если задано, плитки будут загружаться только внутри заданного LatLngBounds. |
maxNativeZoom | Number | undefined | Максимальный номер масштабирования, доступный в источнике плиток. Если он указан, плитки на всех уровнях масштабирования выше maxNativeZoom будут загружаться с уровня maxNativeZoom и автоматически масштабироваться. |
minNativeZoom | Number | undefined | Минимальный номер масштабирования, доступный в источнике плиток. Если он указан, плитки на всех уровнях масштабирования ниже minNativeZoom будут загружаться с уровня minNativeZoom и автоматически масштабироваться. |
noWrap | Boolean | false | Переворачивается ли слой вокруг антимеридиана. Если true, слой GridLayer будет отображаться только один раз на низких уровнях масштабирования. Не влияет, если СК карты не заворачивается. Может использоваться в сочетании с bounds для предотвращения запроса плиток за пределами границ СК. |
pane | String | 'tilePane' |
Map pane куда будет добавлен слой сетки. |
className | String | '' | Пользовательское имя класса для присвоения слою плиток. Пустое по умолчанию. |
keepBuffer | Number | 2 | При панорамировании карты сохраняйте столько строк и столбцов плиток, прежде чем выгружать их. |
| Option | Type | Default | Description |
|---|---|---|---|
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками плиток. |
События
| Event | Data | Description |
|---|---|---|
loading | Event | Генерируется, когда слой сетки начинает загружать плитки. |
tileunload | TileEvent | Генерируется, когда плитка удаляется (например, когда плитка выходит за пределы экрана). |
tileloadstart | TileEvent | Генерируется, когда плитка запрашивается и начинает загружаться. |
tileerror | TileErrorEvent | Генерируется, когда возникает ошибка при загрузке плитки. |
tileload | TileEvent | Генерируется, когда плитка загружается. |
load | Event | Генерируется, когда слой сетки загрузил все видимые плитки. |
| Event | Data | Description |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Event | Data | Description |
|---|---|---|
popupopen | PopupEvent | Генерируется, когда всплывающее окно, привязанное к этому слою, открывается |
popupclose | PopupEvent | Генерируется, когда всплывающее окно, привязанное к этому слою, закрывается |
| Event | Data | Description |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется, когда подсказка, привязанная к этому слою, открывается. |
tooltipclose | TooltipEvent | Генерируется, когда подсказка, привязанная к этому слою, закрывается. |
Методы
| Method | Returns | Description |
|---|---|---|
setUrl( | this |
Обновляет шаблон URL слоя и перерисовывает его (если |
createTile( | HTMLElement |
Вызывается только внутренне, переопределяет |
Расширяющие методы
TileLayer, могут переопределить следующий метод.| Method | Returns | Description |
|---|---|---|
getTileUrl( | String |
Вызывается только внутренне, возвращает URL для плитки, учитывая её координаты. Классы, расширяющие |
| Method | Returns | Description |
|---|---|---|
bringToFront() | this |
Выводит слой плиток наверх всех слоёв плиток. |
bringToBack() | this |
Отправляет слой плиток на самый низ всех слоёв плиток. |
getContainer() | HTMLElement |
Возвращает HTML-элемент, содержащий плитки для этого слоя. |
setOpacity( | this |
Изменяет прозрачность слоя сетки. |
setZIndex( | this |
Изменяет zIndex слоя сетки. |
isLoading() | Boolean |
Возвращает |
redraw() | this |
Заставляет слой очистить все плитки и запросить их снова. |
getTileSize() | Point |
Нормализует параметр tileSize в точку. Используется методом |
| Method | Returns | Description |
|---|---|---|
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, по умолчанию используется CRS карты. Не изменяйте это, если вы не уверены, что это значит. |
uppercase | Boolean | false | Если true, ключи параметров запроса WMS будут в верхнем регистре. |
| Option | Type | Default | Description |
|---|---|---|---|
minZoom | Number | 0 | Минимальный уровень масштабирования, до которого будет отображаться этот слой (включительно). |
maxZoom | Number | 18 | Максимальный уровень масштабирования, до которого будет отображаться этот слой (включительно). |
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|String | false | Будет ли атрибут crossOrigin добавлен к плиткам. Если указана строка, у всех плиток будет атрибут crossOrigin, установленный в указанную строку. Это необходимо, если вы хотите получить доступ к пиксельным данным плитки. Обратитесь к разделу CORS Settings для получения допустимых значений строк. |
| Option | Type | Default | Description |
|---|---|---|---|
tileSize | Number|Point | 256 | Ширина и высота плиток в сетке. Используйте число, если ширина и высота равны, или L.point(width, height) в противном случае. |
opacity | Number | 1.0 | Прозрачность плиток. Может использоваться в функции createTile(). |
updateWhenIdle | Boolean | (depends) | Загружать новые плитки только по окончании панорамирования. true по умолчанию в мобильных браузерах, чтобы избежать слишком большого количества запросов и сохранить плавную навигацию. false в противном случае, чтобы отображать новые плитки во время панорамирования, так как легко выйти за пределы параметра keepBuffer в настольных браузерах. |
updateWhenZooming | Boolean | true | По умолчанию плавная анимация масштабирования (во время масштабирования касанием или flyTo()) будет обновлять слои сетки на каждом уровне целочисленного масштабирования. Установка этого параметра на false будет обновлять слой сетки только по окончании плавной анимации. |
updateInterval | Number | 200 | Плитки не будут обновляться чаще одного раза каждые updateInterval миллисекунд при панорамировании. |
zIndex | Number | 1 | Явное значение zIndex для слоя растровых данных. |
bounds | LatLngBounds | undefined | Если установлено, плитки будут загружаться только внутри заданного LatLngBounds. |
maxNativeZoom | Number | undefined | Максимальный номер масштабирования, доступный в источнике плиток. Если он указан, плитки на всех уровнях масштабирования выше maxNativeZoom будут загружаться с уровня maxNativeZoom и автоматически масштабироваться. |
minNativeZoom | Number | undefined | Минимальный номер масштабирования, доступный в источнике плиток. Если он указан, плитки на всех уровнях масштабирования ниже minNativeZoom будут загружаться с уровня minNativeZoom и автоматически масштабироваться. |
noWrap | Boolean | false | Оборачивается ли слой вокруг антимеридиана. Если true, слой GridLayer будет отображаться только один раз на низких уровнях масштабирования. Не оказывает влияния, когда СК карты не охватывает весь земной шар. Может использоваться в сочетании с bounds для предотвращения запроса плиток за пределами ограничений СК. |
pane | String | 'tilePane' |
Map pane куда будет добавлен слой сетки. |
className | String | '' | Настраиваемое имя класса для присваивания слою растровых данных. Пустое по умолчанию. |
keepBuffer | Number | 2 | При панорамировании карты сохраняйте столько строк и столбцов плиток, прежде чем выгружать их. |
| Option | Type | Default | Description |
|---|---|---|---|
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками плиток. |
События
| Event | Data | Description |
|---|---|---|
loading | Event | Вызывается, когда слой сетки начинает загружать плитки. |
tileunload | TileEvent | Вызывается, когда плитка удаляется (например, когда плитка выходит за пределы экрана). |
tileloadstart | TileEvent | Вызывается, когда плитка запрашивается и начинает загружаться. |
tileerror | TileErrorEvent | Вызывается, когда возникает ошибка при загрузке плитки. |
tileload | TileEvent | Вызывается, когда плитка загружается. |
load | Event | Вызывается, когда слой сетки загрузил все видимые плитки. |
| Event | Data | Description |
|---|---|---|
add | Event | Вызывается после добавления слоя на карту |
remove | Event | Вызывается после удаления слоя с карты |
| Event | Data | Description |
|---|---|---|
popupopen | PopupEvent | Вызывается при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Вызывается при закрытии всплывающего окна, привязанного к этому слою |
| Event | Data | Description |
|---|---|---|
tooltipopen | TooltipEvent | Вызывается при открытии подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Вызывается при закрытии подсказки, привязанной к этому слою. |
Методы
| Method | Returns | Description |
|---|---|---|
setParams( | this |
Объединяет объект с новыми параметрами и повторно запрашивает плитки на текущем экране (если |
| Method | Returns | Description |
|---|---|---|
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 изображения и географические границы, к которым он привязан. |
Параметры
| Option | Type | Default | Description |
|---|---|---|---|
opacity | Number | 1.0 | Прозрачность наложения изображения. |
alt | String | '' | Текст для атрибута alt изображения (полезно для доступности). |
interactive | Boolean | false | Если true, наложение изображения будет генерировать события мыши mouse events при щелчке или наведении курсора. |
crossOrigin | Boolean|String | false | Будет ли атрибут crossOrigin добавлен к изображению. Если указана строка, у изображения будет установлен атрибут crossOrigin со значением указанной строки. Это необходимо, если вы хотите получить доступ к пиксельным данным изображения. Обратитесь к CORS Settings для допустимых значений строк. |
errorOverlayUrl | String | '' | URL изображения-наложения, которое будет показано вместо наложения, загрузка которого не удалась. |
zIndex | Number | 1 | Явное значение zIndex слоя наложения. |
className | String | '' | Пользовательское имя класса для присваивания изображению. По умолчанию пустое. |
| Option | Type | Default | Description |
|---|---|---|---|
bubblingMouseEvents | Boolean | true | Когда true, событие мыши на этом слое вызовет то же событие на карте (если не используется L.DomEvent.stopPropagation). |
| Option | Type | Default | Description |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен на панель наложений карты overlay pane. Переопределение этого параметра приведет к размещению слоя на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет отображаться в элементе управления атрибуцией, например, «© OpenStreetMap contributors». Она описывает данные слоя и часто является юридическим обязательством по отношению к правообладателям и поставщикам тайлов. |
События
| Event | Data | Description |
|---|---|---|
load | Event | Генерируется, когда слой ImageOverlay загрузил свое изображение |
error | Event | Генерируется, когда слой ImageOverlay не может загрузить свое изображение |
| Event | Data | Description |
|---|---|---|
click | MouseEvent | Генерируется, когда пользователь щелкает (или касаеется) слой. |
dblclick | MouseEvent | Генерируется, когда пользователь дважды щелкает (или дважды касается) слой. |
mousedown | MouseEvent | Генерируется, когда пользователь нажимает кнопку мыши на слое. |
mouseup | MouseEvent | Генерируется, когда пользователь отпускает кнопку мыши, нажатую на слое. |
mouseover | MouseEvent | Генерируется, когда мышь входит в слой. |
mouseout | MouseEvent | Генерируется, когда мышь выходит из слоя. |
contextmenu | MouseEvent | Генерируется, когда пользователь щелкает правой кнопкой мыши по слою, предотвращает отображение контекстного меню браузера по умолчанию, если для этого события есть обработчики. Также генерируется на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
| Event | Data | Description |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Event | Data | Description |
|---|---|---|
popupopen | PopupEvent | Генерируется, когда всплывающее окно, привязанное к этому слою, открывается |
popupclose | PopupEvent | Генерируется, когда всплывающее окно, привязанное к этому слою, закрывается |
| Event | Data | Description |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется, когда подсказка, привязанная к этому слою, открывается. |
tooltipclose | TooltipEvent | Генерируется, когда подсказка, привязанная к этому слою, закрывается. |
Методы
| Method | Returns | Description |
|---|---|---|
setOpacity( | this |
Устанавливает прозрачность наложения. |
bringToFront() | this |
Выводит слой на передний план всех наложений. |
bringToBack() | this |
Перемещает слой на задний план всех наложений. |
setUrl( | this |
Изменяет URL изображения. |
setBounds( | this |
Обновляет границы, которые покрывает это наложение ImageOverlay |
setZIndex( | this |
Изменяет zIndex наложения изображения. |
getBounds() | LatLngBounds |
Получает границы, которые покрывает это наложение ImageOverlay |
getElement() | HTMLElement |
Возвращает экземпляр |
| Method | Returns | Description |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту или группу слоев. |
remove() | this |
Удаляет слой с карты, на которой он активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Method | Returns | Description |
|---|---|---|
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 |
Псевдоним для |
VideoOverlay
Используется для загрузки и отображения видеоплеера над определёнными границами карты. Расширяет ImageOverlay. Наложение видео использует элемент <video> HTML5.
Пример использования
var videoUrl = 'https://www.mapbox.com/bites/00188/patricia_nasa.webm',
videoBounds = [[ 32, -130], [ 13, -100]];
L.videoOverlay(videoUrl, videoBounds ).addTo(map);
Создание
| Фабрика | Описание |
|---|---|
L.videoOverlay( | Создаёт объект наложения изображения, используя URL видео (или массив URL, или даже видеоэлемент) и географические границы, к которым он привязан. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
autoplay | Boolean | true | Запускается ли видео автоматически при загрузке. |
loop | Boolean | true | Будет ли видео циклически повторяться с начала при воспроизведении. |
keepAspectRatio | Boolean | true | Сохраняет ли видео соотношение сторон после проекции. Актуально для поддерживаемых браузеров. Совместимость браузеров - https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
opacity | Number | 1.0 | Прозрачность наложения изображения. |
alt | String | '' | Текст для атрибута alt изображения (полезно для доступности). |
interactive | Boolean | false | Если true, наложение изображения будет генерировать события мыши при нажатии или наведении курсора. |
crossOrigin | Boolean|String | false | Будет ли атрибут crossOrigin добавлен к изображению. Если указана строка, у изображения будет установлен атрибут crossOrigin со значением этой строки. Это необходимо, если вы хотите получить доступ к данным пикселей изображения. Обратитесь к Параметрам CORS для допустимых значений строк. |
errorOverlayUrl | String | '' | URL к изображению-наложению, которое будет показано вместо наложения, загрузка которого не удалась. |
zIndex | Number | 1 | Явное значение zIndex слоя наложения. |
className | String | '' | Пользовательское имя класса для присваивания изображению. Пустое по умолчанию. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
bubblingMouseEvents | Boolean | true | Когда true, событие мыши на этом слое вызовет то же событие на карте (если не используется L.DomEvent.stopPropagation). |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен в панель наложений карты. Переопределение этого параметра приведёт к размещению слоя на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
load | Event | Вызывается, когда видео завершило загрузку первого кадра |
| Событие | Данные | Описание |
|---|---|---|
error | Event | Вызывается, когда слой ImageOverlay не может загрузить своё изображение |
| Событие | Данные | Описание |
|---|---|---|
click | MouseEvent | Вызывается, когда пользователь щелкает (или касается) слой. |
dblclick | MouseEvent | Вызывается, когда пользователь дважды щелкает (или дважды касается) слой. |
mousedown | MouseEvent | Вызывается, когда пользователь нажимает кнопку мыши на слое. |
mouseup | MouseEvent | Вызывается, когда пользователь отпускает кнопку мыши, нажатую на слое. |
mouseover | MouseEvent | Вызывается, когда мышь входит в слой. |
mouseout | MouseEvent | Вызывается, когда мышь покидает слой. |
contextmenu | MouseEvent | Вызывается, когда пользователь щелкает правой кнопкой мыши на слое, предотвращает отображение контекстного меню браузера по умолчанию, если для этого события есть обработчики. Также вызывается на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
| Событие | Данные | Описание |
|---|---|---|
add | Event | Вызывается после добавления слоя на карту |
remove | Event | Вызывается после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Вызывается при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Вызывается при закрытии всплывающего окна, привязанного к этому слою |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Вызывается при открытии подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Вызывается при закрытии подсказки, привязанной к этому слою. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
getElement() | HTMLVideoElement |
Возвращает экземпляр |
| Метод | Возвращает | Описание |
|---|---|---|
setOpacity( | this |
Устанавливает непрозрачность оверлея. |
bringToFront() | this |
Выводит слой поверх всех оверлеев. |
bringToBack() | this |
Отправляет слой на задний план всех оверлеев. |
setUrl( | this |
Изменяет URL изображения. |
setBounds( | this |
Обновляет границы, которые покрывает этот ImageOverlay |
setZIndex( | this |
Изменяет zIndex оверлея изображения. |
getBounds() | LatLngBounds |
Получает границы, которые покрывает этот 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 |
Псевдоним для |
SVGOverlay
Используется для загрузки, отображения и предоставления доступа к DOM файла SVG в определённых границах карты. Расширяет ImageOverlay. SVG-оверлей использует элемент <svg>.
Пример использования
var svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svgElement.setAttribute('xmlns', "http://www.w3.org/2000/svg");
svgElement.setAttribute('viewBox', "0 0 200 200");
svgElement.innerHTML = '<rect width="200" height="200"/><rect x="75" y="23" width="50" height="50" style="fill:red"/><rect x="75" y="123" width="50" height="50" style="fill:#0013ff"/>';
var svgElementBounds = [ [ 32, -130 ], [ 13, -100 ] ];
L.svgOverlay(svgElement, svgElementBounds).addTo(map);
Создание
| Фабрика | Описание |
|---|---|
L.svgOverlay( | Создаёт объект оверлея изображения, используя элемент SVG и географические границы, к которым он привязан. Для правильного масштабирования необходим атрибут viewBox в элементе SVG. |
Параметры
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
opacity | Number | 1.0 | Прозрачность оверлея изображения. |
alt | String | '' | Текст для атрибута alt изображения (полезно для доступности). |
interactive | Boolean | false | Если true, оверлей изображения будет генерировать события мыши при нажатии или наведении курсора. |
crossOrigin | Boolean|String | false | Будет ли добавлен атрибут crossOrigin к изображению. Если указана строка, у изображения будет установлен атрибут crossOrigin со значением указанной строки. Это необходимо, если вы хотите получить доступ к пиксельным данным изображения. Обратитесь к настройкам CORS для допустимых значений строк. |
errorOverlayUrl | String | '' | URL изображения оверлея, которое будет показано вместо оверлея, загрузка которого не удалась. |
zIndex | Number | 1 | Явное значение zIndex слоя оверлея. |
className | String | '' | Пользовательское имя класса для назначения изображению. По умолчанию пустое. |
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
bubblingMouseEvents | Boolean | true | Когда true, событие мыши на этом слое вызовет то же событие на карте (если не используется L.DomEvent.stopPropagation). |
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен в оверлейную панель карты. Переопределение этого параметра приведёт к размещению слоя на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством по отношению к правообладателям и поставщикам тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
load | Event | Генерируется, когда слой ImageOverlay загрузил своё изображение |
error | Event | Генерируется, когда слой ImageOverlay не смог загрузить своё изображение |
| Событие | Данные | Описание |
|---|---|---|
click | MouseEvent | Генерируется, когда пользователь нажимает (или касается) слой. |
dblclick | MouseEvent | Генерируется, когда пользователь дважды нажимает (или дважды касается) слой. |
mousedown | MouseEvent | Генерируется, когда пользователь нажимает кнопку мыши на слое. |
mouseup | MouseEvent | Генерируется, когда пользователь отпускает кнопку мыши, нажатую на слое. |
mouseover | MouseEvent | Генерируется, когда мышь заходит на слой. |
mouseout | MouseEvent | Генерируется, когда мышь покидает слой. |
contextmenu | MouseEvent | Генерируется, когда пользователь кликает правой кнопкой мыши по слою, предотвращает отображение контекстного меню браузера по умолчанию, если есть обработчики этого события. Также генерируется на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
| Событие | Данные | Описание |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Генерируется при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Генерируется при закрытии всплывающего окна, привязанного к этому слою |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется при открытии подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Генерируется при закрытии подсказки, привязанной к этому слою. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
getElement() | SVGElement |
Возвращает экземпляр |
| Метод | Возвращает | Описание |
|---|---|---|
setOpacity( | this |
Устанавливает непрозрачность оверлея. |
bringToFront() | this |
Выводит слой наверх всех оверлеев. |
bringToBack() | this |
Отправляет слой на самый низ всех оверлеев. |
setUrl( | this |
Изменяет URL изображения. |
setBounds( | this |
Обновляет границы, которые покрывает этот ImageOverlay |
setZIndex( | this |
Изменяет zIndex оверлея изображения. |
getBounds() | LatLngBounds |
Получает границы, которые покрывает этот 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 |
Псевдоним для |
Path
Абстрактный класс, содержащий параметры и константы, общие для векторных оверлеев (Polygon, Polyline, Circle). Не используйте его напрямую. Расширяет Layer.
Параметры
| Option | Type | Default | Description |
|---|---|---|---|
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' | Строка, определяющая как определяется внутренняя часть фигуры. |
bubblingMouseEvents | Boolean | true | Когда true, событие мыши на этом пути вызовет то же событие на карте (если не используется L.DomEvent.stopPropagation). |
renderer | Renderer | Используйте этот конкретный экземпляр Renderer для этого пути. Имеет приоритет над рендерером по умолчанию карты. | |
className | String | null | Настраиваемое имя класса, установленное для элемента. Только для SVG-рендерера. |
| Option | Type | Default | Description |
|---|---|---|---|
interactive | Boolean | true | Если false, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
| Option | Type | Default | Description |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен в оверлейную панель карты. Переопределение этого параметра приведет к размещению слоя на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Event | Data | Description |
|---|---|---|
click | MouseEvent | Генерируется, когда пользователь щелкает (или касается) слой. |
dblclick | MouseEvent | Генерируется, когда пользователь дважды щелкает (или дважды касается) слой. |
mousedown | MouseEvent | Генерируется, когда пользователь нажимает кнопку мыши на слое. |
mouseup | MouseEvent | Генерируется, когда пользователь отпускает кнопку мыши, нажатую на слое. |
mouseover | MouseEvent | Генерируется, когда курсор мыши входит в слой. |
mouseout | MouseEvent | Генерируется, когда курсор мыши выходит из слоя. |
contextmenu | MouseEvent | Генерируется, когда пользователь щелкает правой кнопкой мыши на слое, предотвращает отображение контекстного меню браузера по умолчанию, если есть слушатели для этого события. Также генерируется на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
| Event | Data | Description |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Event | Data | Description |
|---|---|---|
popupopen | PopupEvent | Генерируется, когда всплывающее окно, привязанное к этому слою, открывается |
popupclose | PopupEvent | Генерируется, когда всплывающее окно, привязанное к этому слою, закрывается |
| Event | Data | Description |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется, когда подсказка, привязанная к этому слою, открывается. |
tooltipclose | TooltipEvent | Генерируется, когда подсказка, привязанная к этому слою, закрывается. |
Методы
| Method | Returns | Description |
|---|---|---|
redraw() | this |
Перерисовывает слой. Иногда полезно после изменения координат, используемых путем. |
setStyle( | this |
Изменяет внешний вид пути на основе параметров в объекте |
bringToFront() | this |
Выводит слой на передний план всех слоев пути. |
bringToBack() | this |
Отправляет слой на задний план всех слоев пути. |
| Method | Returns | Description |
|---|---|---|
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
Класс для рисования полилиний на карте. Расширяет 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 | Отключить обрезку полилинии. |
| Option | Type | Default | Description |
|---|---|---|---|
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' | Строка, определяющая как определяется внутренняя часть фигуры. |
bubblingMouseEvents | Boolean | true | Когда true, событие мыши на этом пути вызовет то же событие на карте (если не используется L.DomEvent.stopPropagation). |
renderer | Renderer | Используйте этот конкретный экземпляр Renderer для этого пути. Имеет приоритет над рендерером по умолчанию карты. | |
className | String | null | Пользовательское имя класса, установленное для элемента. Только для SVG-рендерера. |
| Option | Type | Default | Description |
|---|---|---|---|
interactive | Boolean | true | Если false, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
| Option | Type | Default | Description |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен на оверлейную панель карты. Переопределение этого параметра приведет к размещению слоя на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, «© OpenStreetMap contributors». Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Event | Data | Description |
|---|---|---|
click | MouseEvent | Генерируется, когда пользователь щелкает (или касается) слой. |
dblclick | MouseEvent | Генерируется, когда пользователь дважды щелкает (или дважды касается) слой. |
mousedown | MouseEvent | Генерируется, когда пользователь нажимает кнопку мыши на слое. |
mouseup | MouseEvent | Генерируется, когда пользователь отпускает кнопку мыши, нажатую на слое. |
mouseover | MouseEvent | Генерируется, когда курсор мыши входит в слой. |
mouseout | MouseEvent | Генерируется, когда курсор мыши выходит из слоя. |
contextmenu | MouseEvent | Генерируется, когда пользователь щелкает правой кнопкой мыши на слое, предотвращает отображение контекстного меню браузера по умолчанию, если для этого события есть обработчики. Также генерируется на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
| Event | Data | Description |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Event | Data | Description |
|---|---|---|
popupopen | PopupEvent | Генерируется при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Генерируется при закрытии всплывающего окна, привязанного к этому слою |
| Event | Data | Description |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется при открытии подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Генерируется при закрытии подсказки, привязанной к этому слою. |
Методы
| Method | Returns | Description |
|---|---|---|
toGeoJSON( | Object |
|
getLatLngs() | LatLng[] |
Возвращает массив точек пути или вложенные массивы точек в случае мультиполилинии. |
setLatLngs( | this |
Заменяет все точки в полилинии заданным массивом географических точек. |
isEmpty() | Boolean |
Возвращает |
closestLayerPoint( | Point |
Возвращает точку, ближайшую к |
getCenter() | LatLng |
Возвращает центр (центроид) полилинии. |
getBounds() | LatLngBounds |
Возвращает |
addLatLng( | this |
Добавляет заданную точку к полилинии. По умолчанию добавляет к первому кольцу полилинии в случае мультиполилинии, но это можно переопределить, передав конкретное кольцо в виде массива LatLng (к которому вы можете получить доступ ранее с помощью |
| Method | Returns | Description |
|---|---|---|
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 |
Псевдоним для |
Polygon
Класс для рисования полигональных наложений на карте. Расширяет 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 ];
Кроме того, можно передать многомерный массив для представления фигуры MultiPolygon.
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' | Строка, определяющая как определяется внутренняя часть фигуры. |
bubblingMouseEvents | Boolean | true | Когда true, событие мыши на этом пути вызовет то же событие на карте (если не используется L.DomEvent.stopPropagation). |
renderer | Renderer | Используйте этот конкретный экземпляр Renderer для этого пути. Имеет приоритет над рендерером по умолчанию карты. | |
className | String | null | Настраиваемое имя класса, устанавливаемое для элемента. Только для SVG-рендерера. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
interactive | Boolean | true | Если false, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен на оверлейную панель карты. Переопределение этой опции приведет к тому, что слой будет размещен на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
click | MouseEvent | Генерируется, когда пользователь щелкает (или касает) слой. |
dblclick | MouseEvent | Генерируется, когда пользователь дважды щелкает (или дважды касается) слой. |
mousedown | MouseEvent | Генерируется, когда пользователь нажимает кнопку мыши на слое. |
mouseup | MouseEvent | Генерируется, когда пользователь отпускает кнопку мыши, нажатую на слое. |
mouseover | MouseEvent | Генерируется, когда курсор мыши входит в слой. |
mouseout | MouseEvent | Генерируется, когда курсор мыши выходит из слоя. |
contextmenu | MouseEvent | Генерируется, когда пользователь щелкает правой кнопкой мыши по слою, предотвращает отображение контекстного меню браузера по умолчанию, если есть обработчики для этого события. Также генерируется на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
| Событие | Данные | Описание |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Генерируется при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Генерируется при закрытии всплывающего окна, привязанного к этому слою |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется при открытии подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Генерируется при закрытии подсказки, привязанной к этому слою. |
Методы
| Метод | Возвращаемое значение | Описание |
|---|---|---|
toGeoJSON( | Object |
|
| Метод | Возвращаемое значение | Описание |
|---|---|---|
getLatLngs() | LatLng[] |
Возвращает массив точек в пути или вложенные массивы точек в случае мульти-полилинии. |
setLatLngs( | this |
Заменяет все точки в полилинии заданным массивом географических точек. |
isEmpty() | Boolean |
Возвращает |
closestLayerPoint( | Point |
Возвращает точку, ближайшую к |
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 |
Псевдоним для |
Rectangle
Класс для рисования прямоугольных оверлеев на карте. Расширяет 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 | Отключить обрезку полилинии. |
| Option | Type | Default | Description |
|---|---|---|---|
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' | Строка, определяющая как определяется внутренняя часть фигуры. |
bubblingMouseEvents | Boolean | true | Когда true, событие мыши на этом пути вызовет то же событие на карте (если не используется L.DomEvent.stopPropagation). |
renderer | Renderer | Используйте этот конкретный экземпляр Renderer для этого пути. Имеет приоритет над рендерером по умолчанию карты. | |
className | String | null | Пользовательское имя класса, установленное на элементе. Только для SVG-рендерера. |
| Option | Type | Default | Description |
|---|---|---|---|
interactive | Boolean | true | Если false, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
| Option | Type | Default | Description |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен в оверлейную панель карты. Переопределение этого параметра приведет к размещению слоя на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Event | Data | Description |
|---|---|---|
click | MouseEvent | Генерируется, когда пользователь щелкает (или касается) слой. |
dblclick | MouseEvent | Генерируется, когда пользователь дважды щелкает (или дважды касается) слой. |
mousedown | MouseEvent | Генерируется, когда пользователь нажимает кнопку мыши на слое. |
mouseup | MouseEvent | Генерируется, когда пользователь отпускает кнопку мыши, нажатую на слое. |
mouseover | MouseEvent | Генерируется, когда курсор мыши входит в слой. |
mouseout | MouseEvent | Генерируется, когда курсор мыши выходит из слоя. |
contextmenu | MouseEvent | Генерируется, когда пользователь щелкает правой кнопкой мыши на слое, предотвращает отображение контекстного меню браузера по умолчанию, если есть обработчики этого события. Также генерируется на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
| Event | Data | Description |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Event | Data | Description |
|---|---|---|
popupopen | PopupEvent | Генерируется при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Генерируется при закрытии всплывающего окна, привязанного к этому слою |
| Event | Data | Description |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется при открытии подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Генерируется при закрытии подсказки, привязанной к этому слою. |
Методы
| Method | Returns | Description |
|---|---|---|
setBounds( | this |
Перерисовывает прямоугольник с заданными границами. |
| Method | Returns | Description |
|---|---|---|
toGeoJSON( | Object |
|
| Method | Returns | Description |
|---|---|---|
getLatLngs() | LatLng[] |
Возвращает массив точек в пути или вложенные массивы точек в случае многолинии. |
setLatLngs( | this |
Заменяет все точки в полилинии заданным массивом географических точек. |
isEmpty() | Boolean |
Возвращает |
closestLayerPoint( | Point |
Возвращает точку, ближайшую к |
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' | Строка, определяющая как определяется внутренняя часть фигуры. |
bubblingMouseEvents | Boolean | true | Когда true, событие мыши на этом пути вызовет то же событие на карте (если не используется L.DomEvent.stopPropagation). |
renderer | Renderer | Используйте этот конкретный экземпляр Renderer для этого пути. Имеет приоритет над стандартным рендером карты. | |
className | String | null | Пользовательское имя класса, установленное для элемента. Только для SVG-рендерера. |
| Вариант | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
interactive | Boolean | true | Если false, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
| Вариант | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен на оверлейную панель карты. Переопределение этого параметра приведет к размещению слоя на другой панели по умолчанию. |
attribution | String | null | Строка, отображаемая в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
move | Event | Генерируется, когда маркер перемещается с помощью setLatLng. Старые и новые координаты включены в аргументы события как oldLatLng, latlng. |
| Событие | Данные | Описание |
|---|---|---|
click | MouseEvent | Генерируется, когда пользователь щелкает (или касаются) слой. |
dblclick | MouseEvent | Генерируется, когда пользователь дважды щелкает (или дважды касаются) слой. |
mousedown | MouseEvent | Генерируется, когда пользователь нажимает кнопку мыши на слое. |
mouseup | MouseEvent | Генерируется, когда пользователь отпускает кнопку мыши, нажатую на слое. |
mouseover | MouseEvent | Генерируется, когда курсор мыши попадает на слой. |
mouseout | MouseEvent | Генерируется, когда курсор мыши покидает слой. |
contextmenu | MouseEvent | Генерируется, когда пользователь щелкает правой кнопкой мыши по слою, предотвращает отображение контекстного меню браузера по умолчанию, если для этого события есть обработчики. Также генерируется на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
| Событие | Данные | Описание |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Генерируется, когда всплывающее окно, привязанное к этому слою, открывается |
popupclose | PopupEvent | Генерируется, когда всплывающее окно, привязанное к этому слою, закрывается |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется, когда подсказка, привязанная к этому слою, открывается. |
tooltipclose | TooltipEvent | Генерируется, когда подсказка, привязанная к этому слою, закрывается. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
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' | Строка, определяющая как определяется внутренняя часть фигуры. |
bubblingMouseEvents | Boolean | true | Когда true, событие мыши на этом пути вызовет то же событие на карте (если не используется L.DomEvent.stopPropagation). |
renderer | Renderer | Используйте этот конкретный экземпляр Renderer для этого пути. Имеет приоритет над рендерером по умолчанию карты. | |
className | String | null | Настраиваемое имя класса, установленное для элемента. Только для SVG-рендерера. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
interactive | Boolean | true | Если false, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
| Опция | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен на панель наложения карты. Переопределение этой опции приведет к размещению слоя на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет отображаться в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
move | Event | Генерируется, когда маркер перемещается с помощью setLatLng. Старые и новые координаты включены в аргументы события как oldLatLng, latlng. |
| Событие | Данные | Описание |
|---|---|---|
click | MouseEvent | Генерируется, когда пользователь щелкает (или касается) слой. |
dblclick | MouseEvent | Генерируется, когда пользователь дважды щелкает (или дважды касается) слой. |
mousedown | MouseEvent | Генерируется, когда пользователь нажимает кнопку мыши на слое. |
mouseup | MouseEvent | Генерируется, когда пользователь отпускает кнопку мыши, нажатую на слое. |
mouseover | MouseEvent | Генерируется, когда курсор мыши заходит на слой. |
mouseout | MouseEvent | Генерируется, когда курсор мыши выходит со слоя. |
contextmenu | MouseEvent | Генерируется, когда пользователь щелкает правой кнопкой мыши по слою, предотвращает отображение контекстного меню браузера по умолчанию, если есть обработчики для этого события. Также генерируется на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
| Событие | Данные | Описание |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Генерируется при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Генерируется при закрытии всплывающего окна, привязанного к этому слою |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется при открытии подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Генерируется при закрытии подсказки, привязанной к этому слою. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
toGeoJSON( | Object |
|
setLatLng( | this |
Устанавливает позицию кругового маркера в новое местоположение. |
getLatLng() | LatLng |
Возвращает текущее географическое положение кругового маркера |
setRadius( | this |
Устанавливает радиус кругового маркера. Единицы измерения — пиксели. |
getRadius() | Number |
Возвращает текущий радиус круга |
| Метод | Возвращает | Описание |
|---|---|---|
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 |
Псевдоним для |
SVG
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% от области просмотра карты в каждом направлении |
tolerance | Number | 0 | Насколько расширить допуск клика вокруг пути/объекта на карте |
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен на панель перекрытий карты. Переопределение этого параметра приведёт к размещению слоя на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, «© OpenStreetMap contributors». Она описывает данные слоя и часто является юридическим обязательством по отношению к правообладателям и поставщикам тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
update | Event | Генерируется, когда рендерер обновляет свои границы, центр и масштаб, например, когда его карта переместилась |
| Событие | Данные | Описание |
|---|---|---|
add | Event | Срабатывает после добавления слоя на карту |
remove | Event | Срабатывает после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Срабатывает при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Срабатывает при закрытии всплывающего окна, привязанного к этому слою |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Срабатывает при открытии подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Срабатывает при закрытии подсказки, привязанной к этому слою. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
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
Позволяет отображать векторные слои с помощью <canvas>. Наследует Renderer. Из-за технических ограничений, Canvas недоступен во всех веб-браузерах, в частности, в IE8, и перекрывающиеся геометрии могут отображаться некорректно в некоторых крайних случаях.
Пример использования
Использовать Canvas по умолчанию для всех путей на карте:
var map = L.map('map', {
renderer: L.canvas()
});
Использовать рендерер 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( | Создаёт рендерер Canvas с заданными параметрами. |
Параметры
| Option | Type | Default | Description |
|---|---|---|---|
padding | Number | 0.1 | На сколько расширить область выреза вокруг представления карты (относительно её размера), например, 0.1 будет 10% от представления карты в каждом направлении |
tolerance | Number | 0 | На сколько расширить допуск клика вокруг пути/объекта на карте |
| Option | Type | Default | Description |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен к overlay pane карты. Переопределение этого параметра приведёт к размещению слоя на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Event | Data | Description |
|---|---|---|
update | Event | Вызывается, когда средство визуализации обновляет свои границы, центр и масштаб, например, когда карта переместилась |
| Event | Data | Description |
|---|---|---|
add | Event | Вызывается после добавления слоя на карту |
remove | Event | Вызывается после удаления слоя с карты |
| Event | Data | Description |
|---|---|---|
popupopen | PopupEvent | Вызывается, когда всплывающее окно, привязанное к этому слою, открывается |
popupclose | PopupEvent | Вызывается, когда всплывающее окно, привязанное к этому слою, закрывается |
| Event | Data | Description |
|---|---|---|
tooltipopen | TooltipEvent | Вызывается, когда подсказка, привязанная к этому слою, открывается. |
tooltipclose | TooltipEvent | Вызывается, когда подсказка, привязанная к этому слою, закрывается. |
Методы
| Method | Returns | Description |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту или группу слоёв. |
remove() | this |
Удаляет слой с карты, на которой он активен. |
removeFrom( | this |
Удаляет слой с данной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Method | Returns | Description |
|---|---|---|
bindPopup( | this |
Привязывает всплывающее окно к слою с переданным |
unbindPopup() | this |
Удаляет всплывающее окно, ранее привязанное с помощью |
openPopup( | this |
Открывает привязанное всплывающее окно в указанном |
closePopup() | this |
Закрывает всплывающее окно, привязанное к этому слою, если оно открыто. |
togglePopup() | this |
Открывает или закрывает всплывающее окно, привязанное к этому слою, в зависимости от его текущего состояния. |
isPopupOpen() | boolean |
Возвращает |
setPopupContent( | this |
Устанавливает содержимое всплывающего окна, привязанного к этому слою. |
getPopup() | Popup |
Возвращает всплывающее окно, привязанное к этому слою. |
| Method | Returns | Description |
|---|---|---|
bindTooltip( | this |
Привязывает подсказку к слою с переданным |
unbindTooltip() | this |
Удаляет подсказку, ранее привязанную с помощью |
openTooltip( | this |
Открывает привязанную подсказку в указанном |
closeTooltip() | this |
Закрывает подсказку, привязанную к этому слою, если она открыта. |
toggleTooltip() | this |
Открывает или закрывает подсказку, привязанную к этому слою, в зависимости от её текущего состояния. |
isTooltipOpen() | boolean |
Возвращает |
setTooltipContent( | this |
Устанавливает содержимое подсказки, привязанной к этому слою. |
getTooltip() | Tooltip |
Возвращает подсказку, привязанную к этому слою. |
| Method | Returns | Description |
|---|---|---|
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 |
Псевдоним для |
LayerGroup
END_OF_DOCUMENT_MARKERИспользуется для группировки нескольких слоёв и обработки их как одного. Если вы добавите его на карту, любые слои, добавленные или удалённые из группы, также будут добавлены/удалены с карты. Расширяет Layer.
Пример использования
L.layerGroup([marker1, marker2])
.addLayer(polyline)
.addTo(map);
Создание
| Фабрика | Описание |
|---|---|
L.layerGroup( | Создать группу слоёв, при желании задав начальный набор слоёв и объект options. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен на панель перекрытий карты overlay pane. Переопределение этого параметра приведёт к тому, что слой будет размещён на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Генерируется при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Генерируется при закрытии всплывающего окна, привязанного к этому слою |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется при открытии подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Генерируется при закрытии подсказки, привязанной к этому слою. |
Методы
| Метод | Возвращаемое значение | Описание |
|---|---|---|
toGeoJSON( | Object |
|
addLayer( | this |
Добавляет заданный слой в группу. |
removeLayer( | this |
Удаляет заданный слой из группы. |
removeLayer( | this |
Удаляет слой с заданным внутренним ID из группы. |
hasLayer( | Boolean |
Возвращает |
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 |
Псевдоним для |
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' | По умолчанию слой будет добавлен на оверлейную панель карты. Переопределение этой опции приведет к тому, что слой будет размещен на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет отображаться в элементе управления атрибуцией, например, «© OpenStreetMap contributors». Она описывает данные слоя и часто является юридическим обязательством по отношению к правообладателям и поставщикам тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
layeradd | LayerEvent | Генерируется, когда слой добавляется к этому FeatureGroup
|
layerremove | LayerEvent | Генерируется, когда слой удаляется из этого FeatureGroup
|
| Событие | Данные | Описание |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Генерируется при открытии всплывающей подсказки, привязанной к этому слою |
popupclose | PopupEvent | Генерируется при закрытии всплывающей подсказки, привязанной к этому слою |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется при открытии подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Генерируется при закрытии подсказки, привязанной к этому слою. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
setStyle( | this |
Устанавливает заданные параметры пути для каждого слоя группы, имеющего метод |
bringToFront() | this |
Выводит группу слоев на передний план всех других слоев |
bringToBack() | this |
Отправляет группу слоев на задний план всех других слоев |
getBounds() | LatLngBounds |
Возвращает LatLngBounds группы объектов (создается из границ и координат ее дочерних элементов). |
| Метод | Возвращает | Описание |
|---|---|---|
toGeoJSON( | Object |
|
addLayer( | this |
Добавляет заданный слой в группу. |
removeLayer( | this |
Удаляет заданный слой из группы. |
removeLayer( | this |
Удаляет слой с заданным внутренним ID из группы. |
hasLayer( | Boolean |
Возвращает |
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 |
Псевдоним для |
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 | * | Function определяющий, как точки GeoJSON порождают слои Leaflet. Внутренне вызывается при добавлении данных, передавая объект GeoJSON point feature и его LatLng. По умолчанию порождается стандартный Marker: function(geoJsonPoint, latlng) {
return L.marker(latlng);
}
|
style | Function | * | Function определяющий Path options для стилизации линий и полигонов GeoJSON, вызывается внутренне при добавлении данных. Значение по умолчанию — не переопределять никакие значения по умолчанию: function (geoJsonFeature) {
return {}
}
|
onEachFeature | Function | * | Function, который будет вызываться один раз для каждого созданного Feature, после того как он будет создан и стилизован. Полезно для добавления событий и всплывающих окон к объектам. По умолчанию ничего не делает с вновь созданными слоями: function (feature, layer) {}
|
filter | Function | * | Function, который будет использоваться для принятия решения о включении объекта или нет. По умолчанию включаются все объекты: function (geoJsonFeature) {
return true;
}
Примечание: динамическое изменение параметра |
coordsToLatLng | Function | * | Function, который будет использоваться для преобразования координат GeoJSON в LatLng. По умолчанию используется статический метод coordsToLatLng. |
markersInheritOptions | Boolean | false | Наследуют ли стандартные маркеры для объектов типа "Point" параметры группы. |
| Option | Type | Default | Description |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен на панель наложений карты overlay pane. Переопределение этого параметра приведет к размещению слоя на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством по отношению к правообладателям и поставщикам тайлов. |
События
| Event | Data | Description |
|---|---|---|
layeradd | LayerEvent | Срабатывает, когда слой добавляется к этому FeatureGroup
|
layerremove | LayerEvent | Срабатывает, когда слой удаляется из этого FeatureGroup
|
| Event | Data | Description |
|---|---|---|
add | Event | Срабатывает после добавления слоя на карту |
remove | Event | Срабатывает после удаления слоя с карты |
| Event | Data | Description |
|---|---|---|
popupopen | PopupEvent | Срабатывает, когда всплывающее окно, привязанное к этому слою, открывается |
popupclose | PopupEvent | Срабатывает, когда всплывающее окно, привязанное к этому слою, закрывается |
| Event | Data | Description |
|---|---|---|
tooltipopen | TooltipEvent | Срабатывает, когда подсказка, привязанная к этому слою, открывается. |
tooltipclose | TooltipEvent | Срабатывает, когда подсказка, привязанная к этому слою, закрывается. |
Методы
| Method | Returns | Description |
|---|---|---|
addData(data) | this |
Добавляет объект GeoJSON в слой. |
resetStyle(layer?) | this |
Сбрасывает стиль заданного векторного слоя до исходного стиля GeoJSON, что полезно для сброса стиля после событий наведения курсора. Если |
setStyle(style) | this |
Изменяет стили векторных слоев GeoJSON с помощью заданной функции стиля. |
| Method | Returns | Description |
|---|---|---|
bringToFront() | this |
Выводит группу слоев поверх всех остальных слоев |
bringToBack() | this |
Отправляет группу слоев под все остальные слои |
getBounds() | LatLngBounds |
Возвращает LatLngBounds группы объектов (созданной из границ и координат её дочерних элементов). |
| Method | Returns | Description |
|---|---|---|
toGeoJSON( | Object |
|
addLayer( | this |
Добавляет заданный слой в группу. |
removeLayer( | this |
Удаляет заданный слой из группы. |
removeLayer( | this |
Удаляет слой с заданным внутренним ID из группы. |
hasLayer( | Boolean |
Возвращает |
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 слоя |
| Method | Returns | Description |
|---|---|---|
addTo( | this |
Добавляет слой на заданную карту или группу слоев. |
remove() | this |
Удаляет слой с карты, на которой он сейчас активен. |
removeFrom( | this |
Удаляет слой с заданной карты |
getPane( | HTMLElement |
Возвращает |
getAttribution() | String |
Используется |
| Method | Returns | Description |
|---|---|---|
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. Ложь по умолчанию. |
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 с указанными параметрами. |
Параметры
| Option | Type | Default | Description |
|---|---|---|---|
tileSize | Number|Point | 256 | Ширина и высота плиток в сетке. Используйте число, если ширина и высота равны, или L.point(width, height) в противном случае. |
opacity | Number | 1.0 | Прозрачность плиток. Может использоваться в функции createTile(). |
updateWhenIdle | Boolean | (depends) | Загружать новые плитки только по завершении панорамирования. true по умолчанию в мобильных браузерах, чтобы избежать слишком большого количества запросов и обеспечить плавную навигацию. false в противном случае, чтобы отображать новые плитки во время панорамирования, так как легко выйти за пределы параметра keepBuffer в настольных браузерах. |
updateWhenZooming | Boolean | true | По умолчанию плавная анимация масштабирования (во время сенсорного масштабирования или flyTo()) будет обновлять слои сетки на каждом целочисленном уровне масштабирования. Установка этого параметра на false будет обновлять слой сетки только по завершении плавной анимации. |
updateInterval | Number | 200 | Плитки не будут обновляться чаще, чем один раз каждые updateInterval миллисекунд при панорамировании. |
zIndex | Number | 1 | Явное значение zIndex для слоя плиток. |
bounds | LatLngBounds | undefined | Если установлено, плитки будут загружаться только внутри заданных LatLngBounds. |
minZoom | Number | 0 | Минимальный уровень масштабирования, до которого будет отображаться этот слой (включительно). |
maxZoom | Number | undefined | Максимальный уровень масштабирования, до которого будет отображаться этот слой (включительно). |
maxNativeZoom | Number | undefined | Максимальный номер масштабирования, доступный в источнике плиток. Если он указан, плитки на всех уровнях масштабирования выше maxNativeZoom будут загружаться с уровня maxNativeZoom и автоматически масштабироваться. |
minNativeZoom | Number | undefined | Минимальный номер масштабирования, доступный в источнике плиток. Если он указан, плитки на всех уровнях масштабирования ниже minNativeZoom будут загружаться с уровня minNativeZoom и автоматически масштабироваться. |
noWrap | Boolean | false | Оборачивается ли слой вокруг антимеридиана. Если true, слой GridLayer будет отображаться только один раз на низких уровнях масштабирования. Не оказывает влияния, когда СК карты не охватывает весь мир. Может использоваться в сочетании с bounds для предотвращения запроса плиток за пределами границ СК. |
pane | String | 'tilePane' |
Map pane куда будет добавлен слой сетки. |
className | String | '' | Пользовательское имя класса для присвоения слою плиток. Пустое по умолчанию. |
keepBuffer | Number | 2 | При панорамировании карты сохраняйте столько строк и столбцов плиток, прежде чем выгружать их. |
| Option | Type | Default | Description |
|---|---|---|---|
attribution | String | null | Строка, которая будет отображаться в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками плиток. |
События
| Event | Data | Description |
|---|---|---|
loading | Event | Генерируется, когда слой сетки начинает загружать плитки. |
tileunload | TileEvent | Генерируется, когда плитка удаляется (например, когда плитка выходит за пределы экрана). |
tileloadstart | TileEvent | Генерируется, когда плитка запрашивается и начинает загружаться. |
tileerror | TileErrorEvent | Генерируется, когда возникает ошибка при загрузке плитки. |
tileload | TileEvent | Генерируется, когда плитка загружается. |
load | Event | Генерируется, когда слой сетки загрузил все видимые плитки. |
| Event | Data | Description |
|---|---|---|
add | Event | Генерируется после добавления слоя на карту |
remove | Event | Генерируется после удаления слоя с карты |
| Event | Data | Description |
|---|---|---|
popupopen | PopupEvent | Генерируется, когда всплывающее окно, привязанное к этому слою, открывается |
popupclose | PopupEvent | Генерируется, когда всплывающее окно, привязанное к этому слою, закрывается |
| Event | Data | Description |
|---|---|---|
tooltipopen | TooltipEvent | Генерируется, когда подсказка, привязанная к этому слою, открывается. |
tooltipclose | TooltipEvent | Генерируется, когда подсказка, привязанная к этому слою, закрывается. |
Методы
| Method | Returns | Description |
|---|---|---|
bringToFront() | this |
Выводит слой плиток наверх всех слоев плиток. |
bringToBack() | this |
Отправляет слой плиток на самый низ всех слоев плиток. |
getContainer() | HTMLElement |
Возвращает HTML-элемент, содержащий плитки для этого слоя. |
setOpacity( | this |
Изменяет прозрачность слоя сетки. |
setZIndex( | this |
Изменяет zIndex слоя сетки. |
isLoading() | Boolean |
Возвращает |
redraw() | this |
Заставляет слой очистить все плитки и запросить их снова. |
getTileSize() | Point |
Нормализует параметр tileSize в точку. Используется методом |
Расширяющие методы
GridLayer, должны переопределить следующий метод.| Method | Returns | Description |
|---|---|---|
createTile( | HTMLElement |
Вызывается только внутренне, должен быть переопределен классами, расширяющими |
| Method | Returns | Description |
|---|---|---|
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));
Обратите внимание, что LatLng не наследуется от объекта Class Leaflet, что означает, что новые классы не могут наследовать от него, и новые методы не могут быть добавлены к нему с помощью функции include.
Создание
| Фабрика | Описание |
|---|---|
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 | Number | Широта в градусах |
lng | Number | Долгота в градусах |
alt | Number | Высота в метрах (необязательно) |
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] градусов. Обратите внимание, что LatLngBounds не наследуется от объекта Class Leafet, что означает, что новые классы не могут наследовать от него, и новые методы не могут быть добавлены к нему с помощью функции include.
Создание
| Фабрика | Описание |
|---|---|
L.latLngBounds( | Создает объект LatLngBounds, определяя два диагонально противоположных угла прямоугольника. |
L.latLngBounds( | Создает объект LatLngBounds, определяемый географическими точками, которые он содержит. Очень полезно для масштабирования карты, чтобы она соответствовала определенному набору местоположений с помощью fitBounds. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
extend( | this |
Расширяет границы, чтобы включить заданную точку |
extend( | this |
Расширяет границы, чтобы включить заданные границы |
pad( | LatLngBounds |
Возвращает границы, созданные путем расширения или сужения текущих границ на заданный коэффициент в каждом направлении. Например, коэффициент 0,5 расширяет границы на 50% в каждом направлении. Отрицательные значения будут сужать границы. |
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 |
Возвращает |
Точка
Представляет точку с координатами x и y в пикселях.
Пример использования
var point = L.point(200, 300);
Все методы и параметры Leaflet, которые принимают объекты Point, также принимают их в простом массиве (если не указано иное), поэтому эти строки эквивалентны:
map.panBy([200, 300]); map.panBy(L.point(200, 300));
Обратите внимание, что Point не наследует от объекта Leaflet Class, что означает, что новые классы не могут наследовать от него, и новые методы не могут быть добавлены к нему с помощью функции include.
Создание
| Фабрика | Описание |
|---|---|
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 |
Возвращает результат умножения текущей точки на заданное число. |
scaleBy( | Point |
Умножает каждую координату текущей точки на каждую координату |
unscaleBy( | Point |
Обратное |
round() | Point |
Возвращает копию текущей точки с округленными координатами. |
floor() | Point |
Возвращает копию текущей точки с округленными вниз координатами. |
ceil() | Point |
Возвращает копию текущей точки с округленными вверх координатами. |
trunc() | Point |
Возвращает копию текущей точки с усеченными координатами (округленными к нулю). |
distanceTo( | Number |
Возвращает евклидово расстояние между текущей и заданной точками. |
equals( | Boolean |
Возвращает |
contains( | Boolean |
Возвращает |
toString() | String |
Возвращает строковое представление точки для отладки. |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
x | Number | Координата x точки |
y | Number | Координата 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]]);
Обратите внимание, что Bounds не наследует от объекта Leaflet Class, что означает, что новые классы не могут наследовать от него, и новые методы не могут быть добавлены к нему с помощью функции include.
Создание
| Фабрика | Описание |
|---|---|
L.bounds( | Создает объект Bounds из двух пар координат углов. |
L.bounds( | Создает объект Bounds из заданного массива точек. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
extend( | this |
Расширяет границы, чтобы включить заданную точку. |
getCenter( | Point |
Возвращает центральную точку границ. |
getBottomLeft() | Point |
Возвращает нижне-левую точку границ. |
getTopRight() | Point |
Возвращает верхне-правую точку границ. |
getTopLeft() | Point |
Возвращает верхне-левую точку границ (т.е. |
getBottomRight() | Point |
Возвращает нижне-правую точку границ (т.е. |
getSize() | Point |
Возвращает размер заданных границ |
contains( | Boolean |
Возвращает |
contains( | Boolean |
Возвращает |
intersects( | Boolean |
Возвращает |
overlaps( | Boolean |
Возвращает |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
min | Point | Верхний левый угол прямоугольника. |
max | Point | Нижний правый угол прямоугольника. |
Иконка
Представляет иконку, которую необходимо указать при создании маркера.
Пример использования
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 (абсолютный или относительный к пути вашего скрипта). Используется для устройств с экранами Retina. |
iconSize | Point | null | Размер изображения иконки в пикселях. |
iconAnchor | Point | null | Координаты "кончика" иконки (относительно ее левого верхнего угла). Иконка будет выровнена так, чтобы эта точка находилась в географическом местоположении маркера. По умолчанию центрируется, если указан размер, также может быть установлен в CSS с помощью отрицательных полей. |
popupAnchor | Point | [0, 0] | Координаты точки, из которой будут "открываться" всплывающие окна, относительно якоря иконки. |
tooltipAnchor | Point | [0, 0] | Координаты точки, из которой будут "открываться" всплывающие подсказки, относительно якоря иконки. |
shadowUrl | String | null | URL к изображению тени иконки. Если не указано, изображение тени создано не будет. |
shadowRetinaUrl | String | null | |
shadowSize | Point | null | Размер изображения тени в пикселях. |
shadowAnchor | Point | null | Координаты "кончика" тени (относительно ее левого верхнего угла) (такие же, как iconAnchor, если не указано). |
className | String | '' | Настраиваемое имя класса для присваивания изображениям иконки и тени. Пустое по умолчанию. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
createIcon( | HTMLElement |
Вызывается внутренне, когда иконка должна быть показана, возвращает HTML-элемент |
createShadow( | HTMLElement |
Как |
Icon.Default
Icon, представляет иконку для использования в Marker когда иконка не указана. Указывает на синее изображение маркера, распространяемое с выпусками Leaflet. Для настройки иконки по умолчанию просто измените свойства L.Icon.Default.prototype.options (который представляет собой набор Icon options). Если вы хотите полностью заменить иконку по умолчанию, переопределите L.Marker.prototype.options.icon своей собственной иконкой.| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
imagePath | String |
Icon.Default попытается автоматически определить местоположение изображений синих значков. Если вы размещаете эти изображения нестандартным способом, установите этот параметр, чтобы указать правильный путь. |
DivIcon
Представляет собой облегченную иконку для маркеров, которая использует простой элемент <div> вместо изображения. Наследуется от Icon, но игнорирует параметры iconUrl и тени.
Пример использования
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|HTMLElement | '' | Настраиваемый HTML-код для размещения внутри элемента div, пустой по умолчанию. В качестве альтернативы, экземпляр HTMLElement. |
bgPos | Point | [0, 0] | Необязательное относительное положение фона в пикселях |
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
iconUrl | String | null | (обязательно) URL к изображению иконки (абсолютный или относительный к пути вашего скрипта). |
iconRetinaUrl | String | null | URL к версии изображения иконки для экранов Retina (абсолютный или относительный к пути вашего скрипта). Используется для устройств с экранами Retina. |
iconSize | Point | null | Размер изображения иконки в пикселях. |
iconAnchor | Point | null | Координаты "кончика" иконки (относительно ее левого верхнего угла). Иконка будет выровнена так, чтобы эта точка находилась в географическом местоположении маркера. По умолчанию центрируется, если указан размер, также может быть установлен в CSS с помощью отрицательных полей. |
popupAnchor | Point | [0, 0] | Координаты точки, из которой будут "открываться" всплывающие окна, относительно якоря иконки. |
tooltipAnchor | Point | [0, 0] | Координаты точки, из которой будут "открываться" всплывающие подсказки, относительно якоря иконки. |
shadowUrl | String | null | URL к изображению тени иконки. Если не указано, изображение тени создано не будет. |
shadowRetinaUrl | String | null | |
shadowSize | Point | null | Размер изображения тени в пикселях. |
shadowAnchor | Point | null | Координаты "кончика" тени (относительно ее левого верхнего угла) (такие же, как iconAnchor, если не указано). |
className | String | '' | Настраиваемое имя класса для присваивания изображениям иконки и тени. Пустое по умолчанию. |
Методы
END_OF_DOCUMENT_MARKER| Метод | Возвращает | Описание |
|---|---|---|
createIcon( | HTMLElement |
Вызывается внутренне, когда необходимо отобразить значок; возвращает HTML-элемент |
createShadow( | HTMLElement |
Как |
Control.Zoom
Базовый элемент управления масштабированием с двумя кнопками (увеличение и уменьшение). По умолчанию размещается на карте, если вы не установите его параметр 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( | Создает элемент управления слоями с указанными слоями. Базовые слои будут переключаться с помощью переключателей, а оверлеи — с помощью флажков. Обратите внимание, что все базовые слои должны быть переданы в объект базовых слоев, но только один должен быть добавлен на карту во время создания карты. |
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
collapsed | Boolean | true | Если true, элемент управления будет свернут в значок и развернут при наведении курсора мыши или касании. |
autoZIndex | Boolean | true | Если true, элемент управления будет назначать значения zIndexes в порядке возрастания всем своим слоям, чтобы порядок сохранялся при их включении/выключении. |
hideSingleBase | Boolean | false | Если true, базовые слои в элементе управления будут скрыты, если их только один. |
sortLayers | Boolean | false | Сортировать ли слои. Если false, слои сохранят порядок, в котором они были добавлены в элемент управления. |
sortFunction | Function | * | Функция сравнения Array.sort, которая будет использоваться для сортировки слоев, когда 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 | Boolean |
true для всех версий Internet Explorer (не Edge). |
ielt9 | Boolean |
true для версий Internet Explorer младше 9. |
edge | Boolean |
true для веб-браузера Edge. |
webkit | Boolean |
true для браузеров на основе webkit, таких как Chrome и Safari (включая мобильные версии). |
android | Boolean |
true для любого браузера, работающего на платформе Android. |
android23 | Boolean |
true для браузеров, работающих на Android 2 или Android 3. |
androidStock | Boolean |
true для стандартного браузера Android (т. е. не Chrome). |
opera | Boolean |
true для браузера Opera. |
chrome | Boolean |
true для браузера Chrome. |
gecko | Boolean |
true для браузеров на основе Gecko, таких как Firefox. |
safari | Boolean |
true для браузера Safari. |
opera12 | Boolean |
true для браузера Opera, поддерживающего CSS-преобразования (версия 12 или более поздняя). |
win | Boolean |
true когда браузер работает на платформе Windows. |
ie3d | Boolean |
true для всех версий Internet Explorer, поддерживающих CSS-преобразования. |
webkit3d | Boolean |
true для браузеров на основе webkit, поддерживающих CSS-преобразования. |
gecko3d | Boolean |
true для браузеров на основе Gecko, поддерживающих CSS-преобразования. |
any3d | Boolean |
true для всех браузеров, поддерживающих CSS-преобразования. |
mobile | Boolean |
true для всех браузеров, работающих на мобильном устройстве. |
mobileWebkit | Boolean |
true для всех браузеров на основе webkit на мобильном устройстве. |
mobileWebkit3d | Boolean |
true для всех браузеров на основе webkit на мобильном устройстве, поддерживающих CSS-преобразования. |
msPointer | Boolean |
true для браузеров, реализующих модель событий Microsoft touch (в частности, IE10). |
pointer | Boolean |
true для всех браузеров, поддерживающих события указателя. |
touch | Boolean |
true для всех браузеров, поддерживающих сенсорные события. Это не обязательно означает, что браузер работает на компьютере с сенсорным экраном, это только означает, что браузер способен понимать сенсорные события. |
mobileOpera | Boolean |
true для браузера Opera на мобильном устройстве. |
mobileGecko | Boolean |
true для браузеров на основе Gecko, работающих на мобильном устройстве. |
retina | Boolean |
true для браузеров на высокоразрешающем экране «сетчатки» или на любом экране, когда масштаб отображения браузера больше 100%. |
passiveEvents | Boolean |
true для браузеров, поддерживающих пассивные события. |
canvas | Boolean |
true когда браузер поддерживает <canvas>. |
svg | Boolean |
true когда браузер поддерживает SVG. |
vml | Boolean |
true если браузер поддерживает VML. |
Util
Различные служебные функции, используемые Leaflet внутренне.
Функции
| Функция | Возвращает | Описание |
|---|---|---|
extend( | Object | Объединяет свойства объекта src (или нескольких объектов) в объект dest и возвращает последний. Имеет сокращение L.extend. |
create( | Object | Полифилл для совместимости с Object.create |
bind( | Function | Возвращает новую функцию, привязанную к переданным аргументам, как Function.prototype.bind. Имеет сокращение L.bind(). |
stamp( | Number | Возвращает уникальный ID объекта, присваивая ему один, если у него его нет. |
throttle( | Function | Возвращает функцию, которая выполняет функцию fn с заданной областью видимости context (так что ключевое слово this ссылается на context внутри кода fn). Функция fn будет вызываться не более одного раза за заданное количество time. Аргументы, полученные привязанной функцией, будут любыми аргументами, переданными при привязке функции, за которыми следуют любые аргументы, переданные при вызове привязанной функции. Имеет сокращение L.throttle. |
wrapNum( | Number | Возвращает число num по модулю range таким образом, чтобы оно находилось в пределах range[0] и range[1]. Возвращаемое значение всегда будет меньше, чем range[1], если только includeMax не установлено в true. |
falseFn() | Function | Возвращает функцию, которая всегда возвращает false. |
formatNum( | Number | Возвращает число num, округленное до digits десятичных знаков или до 6 десятичных знаков по умолчанию. |
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 | Number | Последний уникальный ID, используемый stamp()
|
emptyImageUrl | String | Строка данных URI, содержащая закодированное в base64 пустое изображение GIF. Используется как обходной путь для освобождения памяти от неиспользуемых изображений на мобильных устройствах с поддержкой WebKit (путем установки атрибута image src в эту строку). |
Преобразование
Представляет аффинное преобразование: набор коэффициентов a, b, c, d для преобразования точки вида (x, y) в (a*x + b, c*y + d) и выполнения обратного преобразования. Используется Leaflet в своем коде проекций.
Пример использования
var transformation = 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)
Создание
| Фабрика | Описание |
|---|---|
L.transformation( | Создает объект Transformation с заданными коэффициентами. |
L.transformation( | Ожидает массив коэффициентов в формате [a: Number, b: Number, c: Number, d: Number]. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
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 для отображения только тех точек полилинии, которые находятся на экране или рядом, что повышает производительность. |
isFlat( | Boolean | Возвращает true, если latlngs является плоским массивом, false, если вложенный. |
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 | Удаляет ранее добавленную функцию прослушивателя. Обратите внимание, что если вы передали пользовательский контекст в 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( | this | Выполняет stopPropagation и preventDefault одновременно. |
getMousePosition( | Point | Получает нормализованную позицию мыши из события DOM относительно container (без границы) или всей страницы, если не указано. |
getWheelDelta( | Number | Получает нормализованное значение изменения колеса из события mousewheel DOM, в вертикальных пикселях прокрутки (отрицательное, если прокрутка вниз). События от указывающих устройств без точной прокрутки сопоставляются с наилучшим приближением в 60 пикселей. |
addListener(…) | this | Псевдоним для L.DomEvent.on
|
removeListener(…) | this | Псевдоним для L.DomEvent.off
|
DomUtil
Вспомогательные функции для работы с деревом DOM, используемые Leaflet внутренне. Большинство функций, ожидающих или возвращающих HTMLElement, также работают для элементов SVG. Единственное различие заключается в том, что классы относятся к классам CSS в HTML и классам SVG в SVG.
Функции
| Функция | Возвращает | Описание |
|---|---|---|
get( | HTMLElement | Возвращает элемент по его ID 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 translate или позиционирование top/left в зависимости от браузера (используется Leaflet внутренне для позиционирования своих слоёв). | |
getPosition( | Point | Возвращает координаты элемента, ранее расположенного с помощью setPosition. |
disableTextSelection() | Предотвращает создание пользователем событий DOM selectstart, обычно генерируемых, когда пользователь перетаскивает мышь по странице с текстом. Используется внутренне Leaflet для переопределения поведения любого взаимодействия «щелчок и перетаскивание» на карте. Влияет на перетаскивание взаимодействий на весь документ. | |
enableTextSelection() | Отменяет эффекты предыдущего L.DomUtil.disableTextSelection. | |
disableImageDrag() | Как L.DomUtil.disableTextSelection, но для событий DOM dragstart, обычно генерируемых, когда пользователь перетаскивает изображение. | |
enableImageDrag() | Отменяет эффекты предыдущего L.DomUtil.disableImageDrag. | |
preventOutline( | Делает контур элемента el невидимым. Используется внутренне Leaflet для предотвращения отображения контура фокусируемых элементов, когда пользователь выполняет перетаскивание по ним. | |
restoreOutline() | Отменяет эффекты предыдущего L.DomUtil.preventOutline. | |
getSizedParentNode( | HTMLElement | Находит ближайший родительский узел, размер (ширина и высота) которого не равен нулю. |
getScale( | Object | Вычисляет масштаб CSS, в настоящее время применённый к элементу. Возвращает объект с элементами x и y как горизонтальным и вертикальным масштабами соответственно, и boundingClientRect как результатом getBoundingClientRect(). |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
TRANSFORM | String | Имя стиля преобразования с префиксом поставщика (например, 'webkitTransform' для WebKit). |
TRANSITION | String | Имя стиля перехода с префиксом поставщика. |
TRANSITION_END | String | Имя события transitionend с префиксом поставщика. |
PosAnimation
Используется внутренне для анимации панорамирования, используя CSS3 Transitions для современных браузеров и резервное копирование таймера для IE6-9.
Пример использования
var fx = new L.PosAnimation(); fx.run(el, [300, 500], 0.5);
Конструктор
| Конструктор | Описание |
|---|---|
L.PosAnimation() | Создаёт объект PosAnimation. |
События
| Событие | Данные | Описание |
|---|---|---|
start | Event | Генерируется при начале анимации |
step | Event | Генерируется непрерывно во время анимации. |
end | Event | Генерируется при завершении анимации. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
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 | Event | Вызывается перед началом перетаскивания. |
dragstart | Event | Вызывается при начале перетаскивания. |
predrag | Event | Вызывается непрерывно во время перетаскивания перед каждым соответствующим обновлением позиции элемента. |
drag | Event | Вызывается непрерывно во время перетаскивания. |
dragend | DragEndEvent | Вызывается по окончании перетаскивания. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
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 в других языках), обращаясь к прототипу родительского класса и используя call или apply JavaScript:
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
Есть также 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}
Обратите внимание, что объект options допускает любые ключи, а не только параметры, определённые классом и его базовыми классами. Это означает, что вы можете использовать объект options для хранения информации, специфичной для приложения, при условии, что вы избегаете ключей, которые уже используются данным классом.
Включает
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' | По умолчанию слой будет добавлен в оверлейную панель карты. Переопределение этого параметра приведёт к тому, что слой будет размещён на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, «© OpenStreetMap contributors». Она описывает данные слоя и часто является юридическим обязательством по отношению к правообладателям и поставщикам тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
add | Event | Вызывается после добавления слоя на карту |
remove | Event | Вызывается после удаления слоя с карты |
События всплывающих окон
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Вызывается при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Вызывается при закрытии всплывающего окна, привязанного к этому слою |
События всплывающих подсказок
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Вызывается при открытии всплывающей подсказки, привязанной к этому слою. |
tooltipclose | TooltipEvent | Вызывается при закрытии всплывающей подсказки, привязанной к этому слою. |
Методы
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, слой не будет генерировать события мыши и будет действовать как часть базовой карты. |
bubblingMouseEvents | Boolean | true | Когда true, событие мыши на этом слое вызовет то же событие на карте (если не используется L.DomEvent.stopPropagation). |
| Опция | Тип | По умолчанию | Описание |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен в оверлейную панель карты. Переопределение этой опции приведёт к тому, что слой будет размещён на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет отображаться в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством по отношению к правообладателям и поставщикам тайлов. |
События
События мыши
| Событие | Данные | Описание |
|---|---|---|
click | MouseEvent | Срабатывает, когда пользователь кликает (или тапает) по слою. |
dblclick | MouseEvent | Срабатывает, когда пользователь дважды кликает (или дважды тапает) по слою. |
mousedown | MouseEvent | Срабатывает, когда пользователь нажимает кнопку мыши на слое. |
mouseup | MouseEvent | Срабатывает, когда пользователь отпускает кнопку мыши, нажатую на слое. |
mouseover | MouseEvent | Срабатывает, когда курсор мыши входит в слой. |
mouseout | MouseEvent | Срабатывает, когда курсор мыши выходит из слоя. |
contextmenu | MouseEvent | Срабатывает, когда пользователь кликает правой кнопкой мыши на слой, предотвращает отображение контекстного меню браузера по умолчанию, если есть слушатели на это событие. Также срабатывает на мобильных устройствах, когда пользователь удерживает одно касание в течение секунды (также называется долгим нажатием). |
| Событие | Данные | Описание |
|---|---|---|
add | Event | Срабатывает после добавления слоя на карту |
remove | Event | Срабатывает после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Срабатывает, когда всплывающее окно, привязанное к этому слою, открывается |
popupclose | PopupEvent | Срабатывает, когда всплывающее окно, привязанное к этому слою, закрывается |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Срабатывает, когда подсказка, привязанная к этому слою, открывается. |
tooltipclose | TooltipEvent | Срабатывает, когда подсказка, привязанная к этому слою, закрывается. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
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() |
Вызывается, когда обработчик отключен, должен удалять ранее добавленные хуки событий. |
Функции
Существует статическая функция, которую можно вызывать без создания экземпляра L.Handler:
| Функция | Возвращает | Описание |
|---|---|---|
addTo( | this | Добавляет новый обработчик на заданную карту с заданным именем. |
Проекция
Объект с методами для проецирования географических координат мира на плоскую поверхность (и обратно). См. Map projection.
Методы
| Метод | Возвращает | Описание |
|---|---|---|
project( | Point |
Проецирует географические координаты в 2D-точку. Принимает только фактические экземпляры |
unproject( | LatLng |
Обратное |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
bounds | Bounds | Границы (указанные в единицах CRS), где проекция действительна |
Определённые проекции
| Проекция | Описание |
|---|---|
L.Projection.LonLat | Равновеликая или проекция Plate Carree — самая простая проекция, в основном используемая любителями ГИС. Непосредственно отображает x как долготу и y как широту. Также подходит для плоских миров, например, игровых карт. Используется системами координат EPSG:4326 и Simple. |
L.Projection.Mercator | Эллиптическая проекция Меркатора — более сложная, чем сферическая Меркатора. Предполагает, что Земля является эллипсоидом. Используется системой координат EPSG:3395. |
L.Projection.SphericalMercator | Сферическая проекция Меркатора — наиболее распространённая проекция для онлайн-карт, используемая почти всеми бесплатными и коммерческими поставщиками тайлов. Предполагает, что Земля является сферой. Используется системой координат EPSG:3857. |
СК
Методы
| Метод | Возвращает | Описание |
|---|---|---|
latLngToPoint( | Point |
Проецирует географические координаты в пиксельные координаты для заданного масштаба. |
pointToLatLng( | LatLng |
Обратное |
project( | Point |
Проецирует географические координаты в координаты в единицах, принятых для этой СК (например, метры для EPSG:3857, для передачи в сервисы WMS). |
unproject( | LatLng |
По заданной спроецированной координате возвращает соответствующий LatLng. Обратное |
scale( | Number |
Возвращает масштаб, используемый при преобразовании спроецированных координат в пиксельные координаты для определенного масштаба. Например, возвращает |
zoom( | Number |
Обратное |
getProjectedBounds( | Bounds |
Возвращает границы проекции, масштабированные и преобразованные для заданного |
distance( | Number |
Возвращает расстояние между двумя географическими координатами. |
wrapLatLng( | LatLng |
Возвращает |
wrapLatLngBounds( | LatLngBounds |
Возвращает |
Свойства
| Свойство | Тип | Описание |
|---|---|---|
code | String | Стандартное кодовое имя СК, передаваемое в сервисы WMS (например, 'EPSG:3857') |
wrapLng | Number[] | Массив из двух чисел, определяющий, оборачивается ли ось координат долготы (горизонтальная) вокруг заданного диапазона и как. По умолчанию [-180, 180] в большинстве географических СК. Если undefined, ось долготы не оборачивается. |
wrapLat | Number[] | Как wrapLng, но для оси широты (вертикальной). |
infinite | Boolean | Если true, координатное пространство будет неограниченным (бесконечным по обеим осям) |
Определенные СК
| СК | Описание |
|---|---|
L.CRS.EPSG3395 | Редко используется некоторыми коммерческими поставщиками тайлов. Использует эллиптическую проекцию Меркатора. |
L.CRS.EPSG3857 | Наиболее распространенная СК для онлайн-карт, используется почти всеми бесплатными и коммерческими поставщиками тайлов. Использует сферическую проекцию Меркатора. Установлена по умолчанию в параметре crs карты. |
L.CRS.EPSG4326 | Распространенная СК среди энтузиастов ГИС. Использует простую равноугольную проекцию. Leaflet 1.0.x соответствует схеме координат TMS для EPSG:4326, что является существенным изменением по сравнению с поведением 0.7.x. Если вы используете TileLayer с этой СК, убедитесь, что есть два тайла размером 256x256 пикселей, покрывающих всю Землю на нулевом уровне масштабирования, и что начало координат тайла равно (-180,+90) или (-180,-90) для TileLayer с установленным параметром tms. |
L.CRS.Earth | Служит основой для СК, которые являются глобальными, так что они покрывают Землю. Может использоваться только как основа для других СК и не может использоваться напрямую, так как она не имеет code, projection или transformation. distance() возвращает метры. |
L.CRS.Simple | Простая СК, которая отображает долготу и широту непосредственно в x и y. Может использоваться для карт плоских поверхностей (например, игровых карт). Обратите внимание, что ось y должна по-прежнему быть инвертирована (идти снизу вверх). distance() возвращает простое евклидово расстояние. |
L.CRS.Base | Объект, который определяет системы координат для проецирования географических точек в пиксельные (экранные) координаты и обратно (и в координаты в других единицах для сервисов WMS). См. пространственную систему отсчета. Leaflet по умолчанию определяет наиболее распространенные СК. Если вы хотите использовать СК, не определенную по умолчанию, взгляните на плагин Proj4Leaflet. Обратите внимание, что экземпляры СК не наследуются от объекта Class Leaflet и не могут быть созданы. Кроме того, новые классы не могут наследовать от них, и методы не могут быть добавлены к ним с помощью функции include. |
Рендерер
Базовый класс для реализаций векторного рендерера (SVG, Canvas). Обрабатывает контейнер DOM рендерера, его границы и его анимацию масштабирования. Renderer работает как неявная групповая группа для всех Path - сам рендерер может быть добавлен или удален с карты. Все пути используют рендерер, который может быть неявным (карта сама решит тип рендерера и будет использовать его автоматически) или явным (используя параметр renderer пути). Не используйте этот класс напрямую, используйте SVG и Canvas вместо этого.
Параметры
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
padding | Number | 0.1 | Насколько расширить область обрезки вокруг вида карты (относительно ее размера), например, 0,1 будет составлять 10% от вида карты в каждом направлении |
tolerance | Number | 0 | Насколько расширить допуск клика вокруг пути/объекта на карте |
| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
pane | String | 'overlayPane' | По умолчанию слой будет добавлен в оверлейную панель карты. Переопределение этого параметра приведет к тому, что слой будет размещен на другой панели по умолчанию. |
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, «© OpenStreetMap contributors». Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
update | Event | Вызывается, когда рендерер обновляет свои границы, центр и масштаб, например, когда его карта переместилась |
| Событие | Данные | Описание |
|---|---|---|
add | Event | Вызывается после добавления слоя на карту |
remove | Event | Вызывается после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Вызывается при открытии всплывающего окна, связанного с этим слоем |
popupclose | PopupEvent | Вызывается при закрытии всплывающего окна, связанного с этим слоем |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Вызывается при открытии подсказки, связанной с этим слоем. |
tooltipclose | TooltipEvent | Вызывается при закрытии подсказки, связанной с этим слоем. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
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 | String | Тип события (например, 'click'). |
target | Object | Объект, который вызвал событие. Для распространяемых событий — последний объект в цепочке распространения, который вызвал событие. |
sourceTarget | Object | Объект, который изначально вызвал событие. Для нераспространяемых событий это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий — последний объект, который распространил событие на своего родительского события. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
KeyboardEvent
| Свойство | Тип | Описание |
|---|---|---|
originalEvent | DOMEvent | Оригинальное событие DOM KeyboardEvent, которое вызвало это событие Leaflet. |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который вызвал событие. Для распространяемых событий — последний объект в цепочке распространения, который вызвал событие. |
sourceTarget | Object | Объект, который изначально вызвал событие. Для нераспространяемых событий это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий — последний объект, который распространил событие на своего родительского события. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
MouseEvent
| Свойство | Тип | Описание |
|---|---|---|
latlng | LatLng | Географическая точка, где произошло событие мыши. |
layerPoint | Point | Пиксельные координаты точки, где произошло событие мыши, относительно слоя карты. |
containerPoint | Point | Пиксельные координаты точки, где произошло событие мыши, относительно контейнера карты. |
originalEvent | DOMEvent | Оригинальное событие DOM MouseEvent или DOM TouchEvent, которое вызвало это событие Leaflet. |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий, последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий, это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий, последний объект, который распространил событие на своего родительского обработчика событий. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
LocationEvent
| Свойство | Тип | Описание |
|---|---|---|
latlng | LatLng | Обнаруженное географическое местоположение пользователя. |
bounds | LatLngBounds | Географические границы области, в которой находится пользователь (с учетом точности местоположения). |
accuracy | Number | Точность местоположения в метрах. |
altitude | Number | Высота позиции над эллипсоидом WGS84 в метрах. |
altitudeAccuracy | Number | Точность высоты в метрах. |
heading | Number | Направление движения в градусах по часовой стрелке от истинного севера. |
speed | Number | Текущая скорость в метрах в секунду. |
timestamp | Number | Время получения позиции. |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий, последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий, это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий, последний объект, который распространил событие на своего родительского обработчика событий. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
ErrorEvent
| Свойство | Тип | Описание |
|---|---|---|
message | String | Сообщение об ошибке. |
code | Number | Код ошибки (если применимо). |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий, последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий, это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий, последний объект, который распространил событие на своего родительского обработчика событий. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
LayerEvent
| Свойство | Тип | Описание |
|---|---|---|
layer | Layer | Уровень, который был добавлен или удален. |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий, последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий, это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий, последний объект, который распространил событие на своего родительского обработчика событий. |
LayersControlEvent
| Свойство | Тип | Описание |
|---|---|---|
layer | Layer | Уровень, который был добавлен или удален. |
name | String | Имя уровня, который был добавлен или удален. |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий, последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий, это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий, последний объект, который распространил событие на своего родительского обработчика событий. |
TileEvent
| Свойство | Тип | Описание |
|---|---|---|
tile | HTMLElement | Элемент плитки (изображение). |
coords | Point | Объект Point с координатами плитки x, y и z (уровень масштабирования). |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий, последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий, это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий, последний объект, который распространил событие на своего родительского обработчика событий. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
TileErrorEvent
| Свойство | Тип | Описание |
|---|---|---|
tile | HTMLElement | Элемент плитки (изображение). |
coords | Point | Объект Point с координатами плитки x, y и z (уровень масштабирования). |
error | * | Ошибка, переданная в обратный вызов done() плитки. |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий, последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий, это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий, последний объект, который распространил событие на своего родительского обработчика событий. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
ResizeEvent
| Свойство | Тип | Описание |
|---|---|---|
oldSize | Point | Прежний размер до события изменения размера. |
newSize | Point | Новый размер после события изменения размера. |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий — последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий — последний объект, который распространил событие на своего родителя. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
GeoJSONEvent
| Свойство | Тип | Описание |
|---|---|---|
layer | Layer | Слой для объекта GeoJSON, который добавляется на карту. |
properties | Object | Свойства GeoJSON объекта. |
geometryType | String | Тип геометрии GeoJSON объекта. |
id | String | Идентификатор GeoJSON объекта (если есть). |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий — последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий — последний объект, который распространил событие на своего родителя. |
PopupEvent
| Свойство | Тип | Описание |
|---|---|---|
popup | Popup | Всплывающее окно, которое было открыто или закрыто. |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий — последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий — последний объект, который распространил событие на своего родителя. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
TooltipEvent
| Свойство | Тип | Описание |
|---|---|---|
tooltip | Tooltip | Подсказка, которая была открыта или закрыта. |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий — последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий — последний объект, который распространил событие на своего родителя. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
DragEndEvent
| Свойство | Тип | Описание |
|---|---|---|
distance | Number | Расстояние в пикселях, на которое был перемещен перетаскиваемый элемент. |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий — последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий — последний объект, который распространил событие на своего родителя. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
ZoomAnimEvent
| Свойство | Тип | Описание |
|---|---|---|
center | LatLng | Текущий центр карты |
zoom | Number | Текущий уровень масштабирования карты |
noUpdate | Boolean | Следует ли слоям обновлять своё содержимое из-за этого события |
| Свойство | Тип | Описание |
|---|---|---|
type | String | Тип события (например, 'click'). |
target | Object | Объект, который инициировал событие. Для распространяемых событий — последний объект в цепочке распространения, который инициировал событие. |
sourceTarget | Object | Объект, который первоначально инициировал событие. Для нераспространяемых событий это будет то же самое, что и target. |
propagatedFrom | Object | Для распространяемых событий — последний объект, который распространил событие на своего родителя. |
layer | Object |
Устарело. То же самое, что и propagatedFrom. |
DivOverlay
Базовая модель для L.Popup и L.Tooltip. Наследуйте от неё для создания пользовательских плагинов, подобных всплывающим окнам.
Параметры
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
offset | Point | Point(0, 7) | Смещение позиции всплывающего окна. Полезно для управления якорем всплывающего окна при открытии его на некоторых наложениях. |
className | String | '' | Настраиваемое имя класса CSS для присвоения всплывающему окну. |
pane | String | 'popupPane' |
Map pane куда будет добавлено всплывающее окно. |
| Параметр | Тип | Значение по умолчанию | Описание |
|---|---|---|---|
attribution | String | null | Строка, которая будет показана в элементе управления атрибуцией, например, "© OpenStreetMap contributors". Она описывает данные слоя и часто является юридическим обязательством перед правообладателями и поставщиками тайлов. |
События
| Событие | Данные | Описание |
|---|---|---|
add | Event | Вызывается после добавления слоя на карту |
remove | Event | Вызывается после удаления слоя с карты |
| Событие | Данные | Описание |
|---|---|---|
popupopen | PopupEvent | Вызывается при открытии всплывающего окна, привязанного к этому слою |
popupclose | PopupEvent | Вызывается при закрытии всплывающего окна, привязанного к этому слою |
| Событие | Данные | Описание |
|---|---|---|
tooltipopen | TooltipEvent | Вызывается, когда открывается подсказка, привязанная к этому слою. |
tooltipclose | TooltipEvent | Вызывается, когда закрывается подсказка, привязанная к этому слою. |
Методы
| Метод | Возвращает | Описание |
|---|---|---|
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 не использовать сенсорные события, даже если он их обнаруживает. |
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–2019 Vladimir Agafonkin
© 2010–2011, CloudMade
Maps © OpenStreetMap contributors.
https://leafletjs.com/reference-1.6.0.html
map.getPaneилиmap.getPanes. Новые области могут быть созданы с помощью методаmap.createPane. Каждая карта имеет следующие области по умолчанию, которые отличаются только zIndex.