绘制风速图标

使用示例

下载示例中的:windGeojsonData

const layer = hnsdk.drawWind(grid)
layer.addTo(map)

Creation

构造函数说明
hnsdk.drawWind(geojsonData) 给出一个LayerGroup对象,通过传递 geojson 格式的经纬度点数据绘制风速图标

Options 选项

选项类型默认值说明
geojsonDataObject必填 geojson FeatureCollection 格式的 经纬点数据 每个点中的 properties 中有必填的 speed 、deg 字段 speed 是风速 deg 是 风向 0 - 360

Events 事件

事件数据说明
clickMouseEvent当用户 click(或 tap)图层时触发。
dblclickMouseEvent当用户 double-click(或 double-tap)图层时触发。
mousedownMouseEvent当用户在图层上按下鼠标按钮时触发。
mouseupMouseEvent当用户释放在图层上按下的鼠标按钮时触发。
mouseoverMouseEvent当鼠标进入图层时触发。
mouseoutMouseEvent当鼠标离开图层时触发。
contextmenuMouseEvent 当用户在图层上点击右键时触发,如果此事件有监听者,则阻止默认的浏览器上下文菜单显示。在移动设备上,当用户长按时,也会在手机上触发。
事件名数据说明
addEvent在图层添加到地图后触发
removeEvent从地图中移除图层后触发
事件名数据说明
popupopenPopupEvent当绑定到该层的 popup 打开时触发
popupclosePopupEvent当绑定到该层的 popup 关闭时触发
事件名数据说明
tooltipopenTooltipEvent当绑定到该层的 tooltip 打开时触发。
tooltipcloseTooltipEvent当绑定到该层的 tooltip 关闭时触发。

Methods 方法

方法名返回值说明
toGeoJSON(precision?)Object

坐标值使用具有指定 precisionformatNum 函数进行四舍五入。返回折线的 GeoJSON 表示 (作为 GeoJSON FeatureCollection, GeometryCollection, 或 MultiPoint Feature)。

addLayer(layer)this

将给定的图层添加到组中。

removeLayer(layer)this

将给定的图层从组中移除。

removeLayer( id)this

将具有给定内部ID的图层从组中移除。

hasLayer(layer)Boolean

如果给定的图层当前被添加到组中,则返回 true

hasLayer( id)Boolean

如果给定的内部 ID 当前被添加到组中,则返回 true

clearLayers()this

移除组中的所有图层。

invoke( methodName, )this

对该组中包含的每个图层调用 methodName ,并传递任何附加参数。如果包含的图层没有实现 methodName,则没有效果。

eachLayer( fn, context?)this

遍历该组的各图层,可以选择指定迭代器函数的上下文。

group.eachLayer(function (layer) {
    layer.bindPopup('Hello');
});
getLayer( id)Layer

返回具有给定内部 ID 的图层。

getLayers()Layer[]

返回所有添加到组中的图层的数组。

setZIndex( zIndex)this

对包含在该组中的每个图层调用 setZIndex ,并传递 z-index 。

getLayerId(layer)Number

返回一个图层的内部 ID

方法名返回值说明
addTo(map)this

将图层添加到指定的地图或图层组(LayerGroup)。

remove()this

从当前处于活动状态的地图中删除图层。

removeFrom(map)this

从指定的地图中删除图层

removeFrom(group)this

从指定的 LayerGroup 中删除该图层。

getPane(name?)HTMLElement

返回代表地图上指定窗格的 HTMLElement。如果 name 被省略,则返回该层的窗格。

getAttribution()String

attribution 控件使用,返回 attribution 选项

方法名返回值说明
bindTooltip(content, options?)this

将工具提示(tooltip)绑定到传入的图层 content 并设置必要的事件侦听器。如果一个 Function 被传递,它将接收图层作为第一个参数,并应返回 StringHTMLElement

unbindTooltip()this

移除之前用 bindTooltip 绑定的工具提示(tooltip)。

openTooltip(latlng?)this

在指定的 latlng 处打开绑定的工具提示(tooltip),如果没有指定 latlng,则在默认的锚点打开工具提示(tooltip)。

closeTooltip()this

如果该图层处于打开状态,则关闭绑定到该图层的工具提示。

toggleTooltip()this

根据当前状态打开或关闭绑定到该图层的工具提示。

isTooltipOpen()boolean

如果该层绑定的工具提示当前已打开,则返回 true

setTooltipContent(content)this

设置绑定到该层的工具提示的内容。

getTooltip()Tooltip

返回绑定到该层的工具提示。

方法名返回值说明
on( type, fn, context?)this

为对象的特定事件类型添加一个监听函数(fn)。你可以选择性地指定监听器的上下文(这个关键字将指向的对象)。你也可以传递几个空格分隔的类型(例如,'click dblclick')。

on(eventMap)this

添加一组 type/listener,例如 {click: onClick, mousemove: onMouseMove}

off( type, fn?, context?)this

移除一个先前添加的监听器函数。如果没有指定函数,它将从对象中删除该特定事件的所有监听器。请注意,如果您向 on 传递了一个自定义的上下文,您必须向 off 传递相同的上下文,以便删除监听器。

off(eventMap)this

删除一组 type/listener

off()this

移除该对象上所有事件的所有监听器。这包括隐含的附加事件。

fire( type, data?, propagate?)this

触发指定类型的事件。您可以选择提供一个数据对象——侦听器函数的第一个参数将包含其属性,事件可以选择性地传播到事件父级。

listens( type, propagate?)Boolean

如果一个特定的事件类型有任何监听器连接到它,则返回 true。验证可以选择性地被传播,如果父级有监听器连接到它,它将返回true

once()this

on(...)的行为一样,不过监听器只会被触发一次后然后被删除。

addEventParent(obj)this

向父级 Evented 添加事件

removeEventParent(obj)this

删除之前向父级 Evented 添加的事件

addEventListener()this

on(…)

removeEventListener()this

off(…)

clearAllEventListeners()this

off()

addOneTimeEventListener()this

once(…)

fireEvent()this

fire(…)

hasEventListeners()Boolean

listens(…)

Last Updated:
Contributors: 小小志