HeatMapLayer

热力图图层

new YS.HeatMapLayer(options, global)

热力图图层
Name Type Description
options Object 对象有下面这些属性:
Name Type Description
id String optional 唯一标识
name String optional 名称
category String optional 图层分组
isAddTree Boolean optional 是否在图层树上显示
treeIcon String optional 图层树上显示的图标,默认不显示
visible Boolean optional 是否可见
rectangle Rectangle optional 范围{west, south, east, north}
heatmap Object optional heatmap相应参数
Name Type Default Description
backgroundColor RGBA {r:0,g:0,b:0,a:0} optional 热力图的背景色
radius Number optional 半径,(单位像素),每个数据点的半径
maxOpacity Number optional 最大值使用的最大不透明度
minOpacity Number 0.1 optional 最小值使用的最小不透明度
blur Number 0.85 optional 将应用于所有数据点的模糊因子, 模糊因子越高, 渐变越平滑
gradient Object optional 渐变色带设置,json对象,kv形式,key是value数值,value是对应Color
min Number 数据最小值
max Number 数据最大值
points Array.<XYZ> 热力图数据,z值是value,xy是经纬度坐标,单位度
global Object 三维球对象(YouScene.earth)
Implements:
Example:
var heatMapLayer = youScene.layers.addHeatMapLayer({
        rectangle: {
            west: 100.0,
            south: 10.0,
            east: 130.0,
            north: 50.0
        },
        heatmap: {
            radius: 50,
            maxOpacity: .8,
            minOpacity: .1,
            blur: .85,
            backgroundColor: Color.WHITE,
            gradient: {
                 25: YS.Color.fromRGBA(0, 166, 0, 255),
                 50: YS.Color.fromRGBA(229, 229, 0, 255),
                 75: YS.Color.fromRGBA(0, 229, 164, 255),
                 100: YS.Color.fromRGBA(242, 242, 242, 255)
            }
        },
        min: 0,
        max: 100,
        points: [{x:100,y:20,z:20},{x:101,y:20,z:50},{x:100,y:21,z:80}]
    });
Demo:

Methods

addLayer(global, options)

添加图层
Name Type Description
global Object 三维球对象(YouScene.earth)
options Object 对象有下面这些属性:
Name Type Description
min Number 数据最小值
max Number 数据最大值
points Array.<XYZ> 热力图数据,z值是value,xy是经纬度坐标,单位度
Implements:

destroy()

销毁
Implements:

updateLayer(min, max, points)

更新图层
Name Type Description
min Number 数据最小值
max Number 数据最大值
points Array.<XYZ> 热力图数据,z值是value,xy是经纬度坐标,单位度