Class: HeatmapLayer

HeatmapLayer

用于三维展示热力图

function testHeatmapLayer() {
  let layer = new HeatmapLayer()
    .addToViewer(viewer)
    .setPositions(_generatePosition(100));
}
function _generatePosition(num) {
  const list = [];
  for (let i = 0; i < num; i++) {
    const lng = 118.63600865 + Math.random() * 0.005;
    const lat = 32.08461464 + Math.random() * 0.005;
    const count = Math.random() * 100;
    list.push({
      lng,
      lat,
      count
    });
  }
  return list;
}

new HeatmapLayer(options)

layer/HeatmapLayer.js, line 62
Name Type Description
options LayerOptions

图层可选参数

Name Type Default Description
radius Number 25 optional

每个数据点将具有的半径
opacity Number 0.6 optional

整个热图的全局不透明度。
blur Number 0.85 optional

将应用于所有数据点的模糊因子。 模糊因子越高，渐变将越平滑.
gradient Object { 0.25: "rgb(0,0,255)", 0.55: "rgb(0,255,0)", 0.85: "yellow", 1.0: "rgb(255,0,0)"} optional

An object that represents the gradient (syntax: number string [0,1] : color string),
备注 *

更多属性设置查看链接：https://www.patrick-wied.at/static/heatmapjs/docs.html

Extends

  • Layer

Classes

HeatmapLayer

Methods

addPosition(position)

layer/HeatmapLayer.js, line 297

添加单个热点坐标以及对应值

Name Type Description
position Object.<{lng, lat, count}>

坐标点以及对应值

setOptions(options)

layer/HeatmapLayer.js, line 309

设置热力图渲染可选参数

Name Type Description
options Object

热力图渲染可选参数

setPositions(positions)

layer/HeatmapLayer.js, line 282

设置热点坐标以及对应值

Name Type Description
positions Array.<{lng, lat, count}>

坐标点以及对应值