绘制等值线色块图

使用示例

下载示例中的：geojsonData

下载示例中的：breaks

const layer = hnsdk.drawChoropleth(geojsonData, {
  breaks,
  zProperty: "break",
  created(feature, layer) {
    layer.on("mouseover", () => {
      layer.setStyle({
        fillOpacity: 0.9,
      });
    });
    layer.on("mouseout", () => {
      layer.setStyle({
        fillOpacity: 0.4,
      });
    });
  },
});

layer.addTo(map)

Creation

构造函数	说明
hnsdk.drawChoropleth(geojsonData , options)	给出一个Layer对象，通过传递 geojson 格式的矩阵数据得到计算好等值面的 Layer 对象

Options 选项

选项	类型	默认值	说明
breaks	Array	必填	计算等值线的分级数组，每个选项是对象 break 为参与计算的属性，并可以添加 PathOptions 属性来设置不同级别的等值面样式
zProperty	String	必填	函数第一个入参 geojsonData 内 properties 属性中参与等值线计算的属性
created	Function	*	在每个等值面的 Layer 对象被创建后执行的函数，有两个参数： feature , layer；feature 为每个等值面的 geojson 数据，layer 为等值面图层实例对象

Events 事件

继承自 FeatureGroup 的事件

事件名	数据	说明
`layeradd`	`LayerEvent`	当一个图层被添加到该 `FeatureGroup` 时触发。
`layerremove`	`LayerEvent`	当一个图层被从该 `FeatureGroup`中移除时触发。

继承自交互层的鼠标事件

事件	数据	说明
`click`	`MouseEvent`	当用户 click（或 tap）图层时触发。
`dblclick`	`MouseEvent`	当用户 double-click（或 double-tap）图层时触发。
`mousedown`	`MouseEvent`	当用户在图层上按下鼠标按钮时触发。
`mouseup`	`MouseEvent`	当用户释放在图层上按下的鼠标按钮时触发。
`mouseover`	`MouseEvent`	当鼠标进入图层时触发。
`mouseout`	`MouseEvent`	当鼠标离开图层时触发。
`contextmenu`	`MouseEvent`	当用户在图层上点击右键时触发，如果此事件有监听者，则阻止默认的浏览器上下文菜单显示。在移动设备上，当用户长按时，也会在手机上触发。

继承自 Layer 图层的事件

事件名	数据	说明
`add`	`Event`	在图层添加到地图后触发
`remove`	`Event`	从地图中移除图层后触发

继承自 Layer 的弹出（Popup）事件

事件名	数据	说明
`popupopen`	`PopupEvent`	当绑定到该层的 popup 打开时触发
`popupclose`	`PopupEvent`	当绑定到该层的 popup 关闭时触发

继承自 Layer 图层的工具提示（Tooltip）事件

事件名	数据	说明
`tooltipopen`	`TooltipEvent`	当绑定到该层的 tooltip 打开时触发。
`tooltipclose`	`TooltipEvent`	当绑定到该层的 tooltip 关闭时触发。

Methods 方法

方法名	返回值	说明
`addData(data)`	`this`	将一个 GeoJSON 对象添加到图层中。
`resetStyle(layer?)`	`this`	将给定的矢量图层的样式重置为原始的 GeoJSON 样式，对于在悬停事件后重置样式很有用。如果省略了 `layer` ，当前图层中的所有要素的样式都会被重置。
`setStyle(style)`	`this`	用给定的样式函数改变 GeoJSON 矢量图层的样式。

继承自 FeatureGroup 的方法

方法名	返回值	说明
`bringToFront()`	`this`	将图层组置于所有其他图层的顶部。
`bringToBack()`	`this`	将图层组置于所有其他图层的底部。
`getBounds()`	`LatLngBounds`	返回要素组的 LatLngBounds（由其子节点的边界和坐标创建）。

继承自 LayerGroup 的方法

方法名	返回值	说明
`toGeoJSON(precision?)`	`Object`	坐标值使用具有指定 `precision` 的 `formatNum` 函数进行四舍五入。返回折线的 `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

继承自 Layer 图层的方法

方法名	返回值	说明
`addTo(map)`	`this`	将图层添加到指定的地图或图层组（LayerGroup）。
`remove()`	`this`	从当前处于活动状态的地图中删除图层。
`removeFrom(map)`	`this`	从指定的地图中删除图层
`removeFrom(group)`	`this`	从指定的 `LayerGroup` 中删除该图层。
`getPane(name?)`	`HTMLElement`	返回代表地图上指定窗格的 `HTMLElement`。如果 `name` 被省略，则返回该层的窗格。
`getAttribution()`	`String`	由 `attribution 控件`使用，返回 attribution 选项。

继承自 Layer 图层的 Popup 方法

方法名	返回值	说明
`bindPopup(content, options?)`	`this`	将一个弹出式窗口与传入的 `content` 层绑定，并设置必要的事件监听器。如果 `Function` 被传递，它将接收图层作为第一个参数，并应返回 `String` 或 `HTMLElement`。
`unbindPopup()`	`this`	移除之前用 `bindPopup` 绑定的弹出窗口。
`openPopup(latlng?)`	`this`	在指定的 `latlng` 处打开绑定的弹出窗口，如果没有设置 `latlng`，则在默认的位置打开弹窗（popup）。
`closePopup()`	`this`	如果与当前图层绑定的弹窗（popup）时打开的，则关闭当前弹窗。
`togglePopup()`	`this`	根据当前状态，打开或关闭与该层绑定的弹出窗口。
`isPopupOpen()`	`boolean`	如果与该层绑定的弹出窗口当前已打开，则返回 `true`。
`setPopupContent(content)`	`this`	设置绑定到该图层的弹出窗口的内容。
`getPopup()`	`Popup`	返回绑定到该图层的弹出窗口。

继承自 Layer 图层的 Tooltip 方法

方法名	返回值	说明
`bindTooltip(content, options?)`	`this`	将工具提示（tooltip）绑定到传入的图层 `content` 并设置必要的事件侦听器。如果一个 `Function` 被传递，它将接收图层作为第一个参数，并应返回 `String` 或 `HTMLElement`。
`unbindTooltip()`	`this`	移除之前用 `bindTooltip` 绑定的工具提示（tooltip）。
`openTooltip(latlng?)`	`this`	在指定的 `latlng` 处打开绑定的工具提示（tooltip），如果没有指定 `latlng`，则在默认的锚点打开工具提示（tooltip）。
`closeTooltip()`	`this`	如果该图层处于打开状态，则关闭绑定到该图层的工具提示。
`toggleTooltip()`	`this`	根据当前状态打开或关闭绑定到该图层的工具提示。
`isTooltipOpen()`	`boolean`	如果该层绑定的工具提示当前已打开，则返回 `true`。
`setTooltipContent(content)`	`this`	设置绑定到该层的工具提示的内容。
`getTooltip()`	`Tooltip`	返回绑定到该层的工具提示。

继承自 Evented 的方法

方法名	返回值	说明
`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(…)`

# 绘制等值线色块图

# 使用示例

# Creation

# Options 选项

# Events 事件

# Methods 方法