Leaflet 地图开发–Leaflet Map Interactive layer—某些层可以是交互式的

Some Layers can be made interactive – when the user interacts with such a layer, mouse events like click and mouseover can be handled. Use the event handling methods to handle these events.

某些层可以是交互式的-当用户与这样的层交互时，可以处理诸如单击和鼠标悬停之类的鼠标事件。使用事件处理方法来处理这些事件。

Options

Option Type Default Description

Option	Type	Default	Description
`interactive`	`Boolean`	`true`	If `false`, the layer will not emit mouse events and will act as a part of the underlying map. 如果为false，该层将不会发出鼠标事件，并将作为基础贴图的一部分。
`bubblingMouseEvents`	`Boolean`	`true`	When `true`, a mouse event on this layer will trigger the same event on the map (unless `L.DomEvent.stopPropagation` is used). 如果为true，则此层上的鼠标事件将触发地图上的相同事件（除非使用L.DomEvent.stopPropagation）。

interactive

Boolean

true

If false, the layer will not emit mouse events and will act as a part of the underlying map.

如果为false，该层将不会发出鼠标事件，并将作为基础贴图的一部分。

bubblingMouseEvents

Boolean

true

When true, a mouse event on this layer will trigger the same event on the map (unless L.DomEvent.stopPropagation is used).

如果为true，则此层上的鼠标事件将触发地图上的相同事件（除非使用L.DomEvent.stopPropagation）。

▶ Options inherited from Layer

Option Type Default Description

Option	Type	Default	Description
`pane`	`String`	`'overlayPane'`	By default the layer will be added to the map’s overlay pane. Overriding this option will cause the layer to be placed on another pane by default. 默认情况下，图层将添加到地图的覆盖窗格中。默认情况下，覆盖此选项将导致图层放置在另一个窗格上。
`attribution`	`String`	`null`	String to be shown in the attribution control, e.g. “© OpenStreetMap contributors”. It describes the layer data and is often a legal obligation towards copyright holders and tile providers. 属性控件中显示的字符串，例如“©OpenStreetMap贡献者”。它描述了图层数据，通常是版权所有者和瓷砖供应商的法律义务。

pane

String

'overlayPane'

By default the layer will be added to the map’s overlay pane. Overriding this option will cause the layer to be placed on another pane by default.

默认情况下，图层将添加到地图的覆盖窗格中。默认情况下，覆盖此选项将导致图层放置在另一个窗格上。

attribution

String

null

String to be shown in the attribution control, e.g. “© OpenStreetMap contributors”. It describes the layer data and is often a legal obligation towards copyright holders and tile providers.

Events

Mouse events

鼠标事件

Event	Data	Description
`click`	`MouseEvent`	Fired when the user clicks (or taps) the layer. 当用户单击（或轻敲）图层时激发。
`dblclick`	`MouseEvent`	Fired when the user double-clicks (or double-taps) the layer. 当用户双击（或双击）图层时激发。
`mousedown`	`MouseEvent`	Fired when the user pushes the mouse button on the layer. 当用户在图层上按下鼠标按钮时激发。
`mouseup`	`MouseEvent`	Fired when the user releases the mouse button pushed on the layer. 当用户释放在图层上按下的鼠标按钮时激发。
`mouseover`	`MouseEvent`	Fired when the mouse enters the layer. 当鼠标进入层时激发。
`mouseout`	`MouseEvent`	Fired when the mouse leaves the layer. 当鼠标离开层时激发。
`contextmenu`	`MouseEvent`	Fired when the user right-clicks on the layer, prevents default browser context menu from showing if there are listeners on this event. Also fired on mobile when the user holds a single touch for a second (also called long press). 当用户右键单击该层时激发，将阻止默认浏览器上下文菜单显示是否存在此事件的侦听器。当用户长按一秒钟（也称为长按）时，也会在手机上触发。

▶ Events inherited from Layer

从层继承的事件

Event Data Description

Event	Data	Description
`add`	`Event`	Fired after the layer is added to a map 将图层添加到地图后激发
`remove`	`Event`	Fired after the layer is removed from a map 从地图中删除图层后激发

add

Event

Fired after the layer is added to a map

将图层添加到地图后激发

remove

Event

Fired after the layer is removed from a map

从地图中删除图层后激发

▶ Popup events inherited from Layer

从层继承的弹出事件

Event Data Description

Event	Data	Description
`popupopen`	`PopupEvent`	Fired when a popup bound to this layer is opened 打开绑定到此层的弹出窗口时激发
`popupclose`	`PopupEvent`	Fired when a popup bound to this layer is closed 当绑定到此层的弹出窗口关闭时激发

popupopen

PopupEvent

Fired when a popup bound to this layer is opened

打开绑定到此层的弹出窗口时激发

popupclose

PopupEvent

Fired when a popup bound to this layer is closed

当绑定到此层的弹出窗口关闭时激发

▶ Tooltip events inherited from Layer

从层继承的工具提示事件

Event Data Description

Event	Data	Description
`tooltipopen`	`TooltipEvent`	Fired when a tooltip bound to this layer is opened. 打开绑定到此层的工具提示时激发。
`tooltipclose`	`TooltipEvent`	Fired when a tooltip bound to this layer is closed. 当绑定到此层的工具提示关闭时激发。

tooltipopen

TooltipEvent

Fired when a tooltip bound to this layer is opened.

打开绑定到此层的工具提示时激发。

tooltipclose

TooltipEvent

Fired when a tooltip bound to this layer is closed.

当绑定到此层的工具提示关闭时激发。

Methods

▶ Methods inherited from Layer

从层继承的方法

Method	Returns	Description
`addTo(<Map\|LayerGroup> map)`	`this`	Adds the layer to the given map or layer group. 将图层添加到给定的贴图或图层组。
`remove()`	`this`	Removes the layer from the map it is currently active on. 从当前处于活动状态的贴图中删除图层。
`removeFrom(<Map> map)`	`this`	Removes the layer from the given map 从给定地图中删除图层
`removeFrom(<LayerGroup> group)`	`this`	Removes the layer from the given `LayerGroup` 从给定图层组中删除图层
`getPane(<String> name?)`	`HTMLElement`	Returns the `HTMLElement` representing the named pane on the map. If `name` is omitted, returns the pane for this layer. 返回表示地图上命名窗格的HTMLElement。如果省略了名称，则返回此层的窗格。
`getAttribution()`	`String`	Used by the `attribution control`, returns the attribution option. 由归因控件使用，返回归因选项。

▶ Popup methods inherited from Layer

从层继承的弹出式方法

Method	Returns	Description
`bindPopup(<String\|HTMLElement\|` `Function\|Popup> content,` `<Popup options> options?)`	`this`	Binds a popup to the layer with the passed `content` and sets up the necessary event listeners. If a `Function` is passed it will receive the layer as the first argument and should return a `String` or `HTMLElement`. 使用传递的内容将弹出窗口绑定到层，并设置必要的事件侦听器。如果传递了一个函数，它将接收该层作为第一个参数，并应返回一个String或HTMLElement。
`unbindPopup()`	`this`	Removes the popup previously bound with `bindPopup`. 删除先前绑定bindPopup的弹出窗口。
`openPopup(<LatLng> latlng?)`	`this`	Opens the bound popup at the specified `latlng` or at the default popup anchor if no `latlng` is passed. 在指定的锁定位置打开绑定的弹出窗口，如果未通过锁定，则在默认的弹出窗口定位点打开绑定的。
`closePopup()`	`this`	Closes the popup bound to this layer if it is open. 关闭绑定到此层的弹出窗口（如果它是打开的）。
`togglePopup()`	`this`	Opens or closes the popup bound to this layer depending on its current state. 根据当前状态打开或关闭绑定到此层的弹出窗口。
`isPopupOpen()`	`boolean`	Returns `true` if the popup bound to this layer is currently open. 如果绑定到此层的弹出窗口当前处于打开状态，则返回true。
`setPopupContent(<String\|` `HTMLElement\|Popup>` `content)`	`this`	Sets the content of the popup bound to this layer. 设置绑定到此层的弹出窗口的内容。
`getPopup()`	`Popup`	Returns the popup bound to this layer. 返回绑定到此层的弹出窗口。

▶ Tooltip methods inherited from Layer

从层继承的工具提示方法

Method	Returns	Description
`bindTooltip(<String\|HTMLElement` `\|Function\|Tooltip> content,` `<Tooltip options> options?)`	`this`	Binds a tooltip to the layer with the passed `content` and sets up the necessary event listeners. If a `Function` is passed it will receive the layer as the first argument and should return a `String` or `HTMLElement`. 将工具提示与传递的内容绑定到层，并设置必要的事件侦听器。如果传递了一个函数，它将接收该层作为第一个参数，并应返回一个String或HTMLElement。
`unbindTooltip()`	`this`	Removes the tooltip previously bound with `bindTooltip`. 删除以前与bindTooltip绑定的工具提示。
`openTooltip(<LatLng> latlng?)`	`this`	Opens the bound tooltip at the specified `latlng` or at the default tooltip anchor if no `latlng` is passed. 在指定的锁定位置打开绑定的工具提示，如果未传递锁定，则在默认的工具提示锚定位置打开绑定工具提示。
`closeTooltip()`	`this`	Closes the tooltip bound to this layer if it is open. 关闭绑定到此图层的工具提示（如果该图层处于打开状态）。
`toggleTooltip()`	`this`	Opens or closes the tooltip bound to this layer depending on its current state. 根据当前状态打开或关闭绑定到此层的工具提示。
`isTooltipOpen()`	`boolean`	Returns `true` if the tooltip bound to this layer is currently open. 如果绑定到此层的工具提示当前处于打开状态，则返回true。
`setTooltipContent(<String` `\|HTMLElement\|Tooltip>` `content)`	`this`	Sets the content of the tooltip bound to this layer. 设置绑定到此层的工具提示的内容。
`getTooltip()`	`Tooltip`	Returns the tooltip bound to this layer. 返回绑定到此层的工具提示。

▶ Methods inherited from Evented

从Evented继承的方法

Method	Returns	Description
`on(<String> type, <Function>` `fn, <Object> context?)`	`this`	Adds a listener function (`fn`) to a particular event type of the object. You can optionally specify the context of the listener (object the this keyword will point to). You can also pass several space-separated types (e.g. `'click dblclick'`). 向对象的特定事件类型添加侦听器函数（fn）。您可以选择指定侦听器的上下文（this关键字将指向的对象）。您还可以传递几个空格分隔的类型（例如“click dblclick”）。
`on(<Object> eventMap)`	`this`	Adds a set of type/listener pairs, e.g. `{click: onClick, mousemove: onMouseMove}` 添加一组类型/侦听器对，例如｛click:onClick，mousemove:onMouseMove｝
`off(<String> type, <Function>` `fn?, <Object> context?)`	`this`	Removes a previously added listener function. If no function is specified, it will remove all the listeners of that particular event from the object. Note that if you passed a custom context to `on`, you must pass the same context to `off` in order to remove the listener. 删除以前添加的侦听器函数。如果没有指定函数，它将从对象中删除该特定事件的所有侦听器。请注意，如果您将自定义上下文传递给on，则必须将相同的上下文传递给off才能删除侦听器。
`off(<Object> eventMap)`	`this`	Removes a set of type/listener pairs. 删除一组类型/侦听器对。
`off()`	`this`	Removes all listeners to all events on the object. This includes implicitly attached events. 删除对象上所有事件的所有侦听器。这包括隐式附加的事件。
`fire(<String> type, <Object>` `data?, <Boolean> propagate?)`	`this`	Fires an event of the specified type. You can optionally provide a data object — the first argument of the listener function will contain its properties. The event can optionally be propagated to event parents. 激发指定类型的事件。您可以选择提供一个数据对象-侦听器函数的第一个参数将包含其属性。可以选择将事件传播到事件父级。
`listens(<String> type,` `<Boolean> propagate?)`	`Boolean`	Returns `true` if a particular event type has any listeners attached to it. The verification can optionally be propagated, it will return `true` if parents have the listener attached to it. 如果特定事件类型附加了任何侦听器，则返回true。可以选择传播验证，如果父级附加了侦听器，验证将返回true。
`once(…)`	`this`	Behaves as `on(…)`, except the listener will only get fired once and then removed. 表现为on（…），但监听器只会被解雇一次，然后被移除。
`addEventParent(<Evented> obj)`	`this`	Adds an event parent – an `Evented` that will receive propagated events 添加事件父级-将接收传播事件的Evented
`removeEventParent(<Evented> obj)`	`this`	Removes an event parent, so it will stop receiving propagated events 删除事件父级，因此它将停止接收传播的事件
`addEventListener(…)`	`this`	Alias to `on(…)`
`removeEventListener(…)`	`this`	Alias to `off(…)`
`clearAllEventListeners(…)`	`this`	Alias to `off()`
`addOneTimeEventListener(…)`	`this`	Alias to `once(…)`
`fireEvent(…)`	`this`	Alias to `fire(…)`
`hasEventListeners(…)`	`Boolean`	Alias to `listens(…)`

0 0 投票数

文章评分