new HeatMapLayer(name, loadWhileAnimating, options)

Usage

import { HeatMapLayer } from '@supermapgis/iclient-leaflet';

new HeatMapLayer(name, loadWhileAnimating, options);

<script type="text/javascript" src="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.js"></script>
<script>
  new L.supermap.HeatMapLayer({paramsNames});
</script>

leaflet/overlay/HeatMapLayer.js, line 63

Name Type Default Description

name

string

图层名称。

loadWhileAnimating

boolean

true

可选

是否实时重绘。（当绘制大数据量要素的情况下会出现卡顿，建议把该参数设为 false）。

options

Object

构造参数。

Name	Type	Default	Description
`map`	L.Map		Leaflet Map 对象。
`id`	string		可选专题图层 ID，默认使用 CommonUtil.createUniqueID("heatMapLayer_") 创建专题图层 ID。
`alwaysMapCRS`	boolean	false	可选要素坐标是否和地图坐标系一致，要素默认是经纬度坐标。
`featureWeight`	string		可选对应 feature 属性中的热点权重字段名称，权重值类型为 number。
`radius`	number	50	可选热点渲染的最大半径（热点像素半径），单位为 px，当 useGeoUnit 参数为 true 时，单位使用当前图层地理坐标单位。热点显示的时候以精确点为中心点开始往四周辐射衰减，其衰减半径和权重值成比列。
`opacity`	number	1	可选图层不透明度。
`colors`	Array.<string>	['blue', 'cyan', 'lime', 'yellow', 'red']	可选颜色线性渐变数组，颜色值必须为 canvas 所支持的。
`useGeoUnit`	boolean	false	可选使用地理单位，即默认热点半径默认使用像素单位。当设置为 true 时，热点半径和图层地理坐标保持一致。
`blur`	number		可选模糊量，单位为 px。默认值为半径的二分之一。
`attribution`	string	'Map Data <span>© <a href='http://support.supermap.com.cn/product/iServer.aspx' title='SuperMap iServer' target='_blank'>SuperMap iServer</a></span>'	可选版权描述信息。

Fires

Extends

HeatMapLayer -> L.Layer

Events

changelayer leaflet/overlay/HeatMapLayer.js, line 535

图层透明度更新成功之后触发。

Properties:

Name	Type	Description
`layer`	HeatMapLayer	图层。
`property`	string	改变的图层属性。

featuresremoved leaflet/overlay/HeatMapLayer.js, line 488

删除features成功后触发。

Properties:

Name	Type	Description
`features`	Array.<FeatureVector>	事件对象。
`succeed`	boolean	删除是否成功，false 为失败，true 为成功。

Methods

addFeatures(features) leaflet/overlay/HeatMapLayer.js, line 181

添加热点信息。

Name	Type	Description
`features`	GeoJSONObject \| HeatMapFeature	待添加的要素数组。

Example

var geojson = {
     "type": "FeatureCollection",
     "features": [
         {
             "type": "feature",
             "geometry": {
                 "type": "Point",  //只支持point类型
                 "coordinates": [0, 0]
             },
             "properties": {
                 "height": Math.random()*9,
                 "geoRadius": useGeoRadius?radius:null
             }
         }
     ]
  };
var heatMapLayer = new HeatMapLayer("heatmaplayer",{"id":"heatmap"});
heatMapLayer.addFeatures(geojson);

getLocalXY(coordinate) leaflet/overlay/HeatMapLayer.js, line 418

地理坐标转为像素坐标。

Name	Type	Description
`coordinate`	Array	地理坐标。

refresh() leaflet/overlay/HeatMapLayer.js, line 211

强制刷新当前热点显示，在图层热点数组发生变化后调用，更新显示。

removeAllFeatures() leaflet/overlay/HeatMapLayer.js, line 498

移除全部的热点信息。

removeFeatures(features) leaflet/overlay/HeatMapLayer.js, line 459

移除指定的热点信息。

Name	Type	Description
`features`	Array.<FeatureVector>	热点信息数组。

setOpacity(opacity) leaflet/overlay/HeatMapLayer.js, line 443

设置图层的不透明度，取值范围：[0-1]。

Name	Type	Description
`opacity`	number	不透明度。

toiClientFeature(features){FeatureVector} leaflet/overlay/HeatMapLayer.js, line 564

转为 iClient 要素。

Name	Type	Description
`features`	GeoJSONObject \| HeatMapFeature	待添加的要素数组。

Returns:

Type	Description
FeatureVector	转换后的 iClient 要素。

update() leaflet/overlay/HeatMapLayer.js, line 395

更新图层。

updateHeatPoints(bounds) leaflet/overlay/HeatMapLayer.js, line 225

刷新热点图显示。

Name	Type	Description
`bounds`	L.LatLngBounds	当前显示范围。

Class: HeatMapLayer

new HeatMapLayer(name, loadWhileAnimating, options)

Usage

Fires

Extends

Events

changelayer

Properties:

featuresremoved

Properties:

Methods

addFeatures(features)

Example

getLocalXY(coordinate)

refresh()

removeAllFeatures()

removeFeatures(features)

setOpacity(opacity)

toiClientFeature(features){FeatureVector}

Returns:

update()

updateHeatPoints(bounds)