HeatMap - Documentation

HeatMap

热力图。

Constructor

new HeatMap(options)

Author:

Example

var heatMapInstance = null;
Cesium.Resource.fetchJson({
     url : "../SampleData/Json/heatMapData.json"
 }).then(function(data) {
     heatMapInstance = new HczjEarth.HeatMap({
         viewer : mainControl.viewer,
         radiusFactor : 150,
         data : data,
         minValue : 0,
         maxValue : 100,
         xFieldName: "lng",
         yFieldName: "lat"
     })
 }).otherwise(function(evt) {
     console.log("加载热力图数据失败！");
     heatMapInstance = null;
 });

Parameters:

Name Type Description

options

Object

包含以下数据的对象：

Properties

Name	Type	Attributes	Default	Description
`viewer`	Cesium.Viewer			Cesium可视化器。
`name`	String	<optional>	`"热力图"`	热力图名称。
`data`	Object			热力图数据，由经纬度和数据值组成。`var data = {[x:147.13,y:27.62,value:28],[x:147.63,y:28.31,value:82],[x:149.17,y:24.63,value:56]......};`
`minValue`	Object			指定热力图数据值的最小值。若未指定，则从数据中算出
`maxValue`	Object			指定热力图数据值的最大值。
`minCanvasSize`	Number	<optional>	`700`	热力图画布的最小尺寸（以像素为单位），默认为700px。
`maxCanvasSize`	Number	<optional>	`2000`	热力图画布的最大尺寸（以像素为单位），默认为2000px。
`radiusFactor`	Number	<optional>	`60`	热力图图斑半径因子，使用画布高度和宽度除以此半径因子，得到使用的半径，默认为60。值越大，半径越小。
`gradient`	Object	<optional>	`{0.45: "rgba(0,0,255)",0.55: "rgb(0,255,255)",0.65: "rgb(0,255,0)",0.8: "yellow",0.9: "rgb(255,0,0)"}`	热力图应用的梯度值，默认为{0.45: "rgba(0,0,255)",0.55: "rgb(0,255,255)",0.65: "rgb(0,255,0)",0.8: "yellow",0.9: "rgb(255,0,0)"}。
`maxOpacity`	Number	<optional>	`0.8`	热力图应用的最大透明度，默认为0.8。
`minOpacity`	Number	<optional>	`0.1`	热力图应用的最小透明度，默认为0.1。
`blur`	Number	<optional>	`"0.85"`	热力图应用的模糊程度值，范围（0——1）值越大越模糊，默认为0.85。
`xFieldName`	String	<optional>	`"x"`	热力图数据中x项的名称，默认为"x"。
`yFieldName`	String	<optional>	`"y"`	热力图数据中y项的名称，默认为"y"。
`vFieldName`	String	<optional>	`"value"`	热力图数据中数值的名称，默认为"value"。

Members

show :Boolean

Default Value:

true

获取或设置热力图是否显示。

Type:

Boolean

Methods

_calculateBoundingBox(data) → {Object}

计算包含所有数据的经纬度坐标范围。

Parameters:

Name	Type	Description
`data`	Object	数据。

Returns:

包含所有数据的经纬度范围对象。

Type: Object

_calculateValuesRange(data) → {Object}

计算权重值范围。

Parameters:

Name	Type	Description
`data`	Object	数据。

Returns:

包含最小和最大权重的对象。

Type: Object

_calculateWidthAndHeight(mbounds)

计算Canvas宽度和高度。

Parameters:

Name	Type	Description
`mbounds`	Object

_createContainer(width, height, id)

创建Canvas的div容器。

Parameters:

Name	Type	Description
`width`	Number	宽度。
`height`	Number	高度。
`id`	String	ID。

_createHeatMapLayer() → {Cesium.ImageryLayer}

创建热力图图层。

Returns:

显示的热力图图层。

Type: Cesium.ImageryLayer

_deg2rad(d) → {Number}

将角度转换成弧度。

Parameters:

Name	Type	Description
`d`	Number	角度值。

Returns:

弧度值。

Type: Number

_mercatorPointToHeatmapPoint(p)

将墨卡托位置转换为相应的热力图位置。

Parameters:

Name	Type	Description
`p`	Object	墨卡托位置。

Returns:

热力图位置。

_mercatorToWgs84(p)

将墨卡托位置转换为WGS84位置。

Parameters:

Name	Type	Description
`p`	Object	墨卡托位置。

Returns:

WGS84位置。

_mercatorToWgs84BoundingBox(mbounds) → {Object}

将一个墨卡托包围盒转换为一个WGS84包围盒。

Parameters:

Name	Type	Description
`mbounds`	Object	墨卡托包围盒。例如：{north, east, south, west}。

Returns:

WGS84包围盒。例如：{north, east, south, west}。

Type: Object

_rad2deg(r) → {Number}

将弧度转换成角度。

Parameters:

Name	Type	Description
`r`	Number	弧度值。

Returns:

角度值。

Type: Number

_setWGS84Data(min, max, data)

设置WGS84坐标下的经纬度和权重数组。

Parameters:

Name	Type	Description
`min`	Number	允许的权重最小值。
`max`	Number	允许的权重最大值。
`data`	Object	经纬度和权重数组

_wgs84PointToHeatmapPoint(p)

将WGS84位置转换为相应的热力图位置。

Parameters:

Name	Type	Description
`p`	Object	WGS84位置。

Returns:

热力图位置。

_wgs84ToMercator(p)

将WGS84位置转换为墨卡托位置。

Parameters:

Name	Type	Description
`p`	Object	WGS84位置。

Returns:

墨卡托位置。

_wgs84ToMercatorBoundingBox(bb) → {Object}

将一个WGS84包围盒转换为一个墨卡托包围盒。

Parameters:

Name	Type	Description
`bb`	Object	WGS84包围盒。例如：{north, east, south, west}。

Returns:

墨卡托包围盒。例如：{north, east, south, west}。

Type: Object

destroy()

销毁此热力图实例

lookHeatMap(boundsopt)

设置相机看向热力图。

Parameters:

Name	Type	Attributes	Description
`bounds`	Object	<optional>	经纬度范围。注意：若不指定，则使用热力图经纬度范围，但若经度坐标绝对值之和超过180，将出现不可预料之后果。

updateData(options, minValueopt, maxValueopt, data)

更新热力图数据。

Parameters:

Name	Type	Attributes	Description
`options`	Object
`minValue`	Number	<optional>	允许的权重最小值。
`maxValue`	Number	<optional>	允许的权重最大值。
`data`	Object		要更新的数据。