MapGIS Client for JavaScript API

# new CesiumHeatmap()

请参考以下示例：

1、热力图

示例

热力图

// 参考示例：
http://webclient.smaryun.com/#/modules/cesium/visualization/themeLayer/heat-map

// ES5引入方式
const { CesiumHeatmap } = zondy.cesium
// ES6引入方式
import { CesiumHeatmap } from "@mapgis/webclient-cesium-plugin"

// 1 构造热力图初始化参数
const options = {
  // 热力半径
  radius: 36,
  // 图层透明度
  alpha: 0.85,
  // 模糊因子
  blur: 0.75,
  // 热力图颜色梯度
  gradient: {
    0.3: 'rgb(0,0,255)',
    0.65: 'rgb(255,255,0)',
    0.8: 'rgb(255,128,0)',
    0.95: 'rgb(255,0,0)'
  },
  // 是否自动重算热力半径
  canChange: false
}

// 2 创建热力图
const heatMap = zondy.cesium.CesiumHeatmap.create(
  // Cesium场景视图对象
  viewer,
  // 热力图范围
  bounds,
  // 热力图额外初始化参数
  options
)

// 3 构建热力图数据，在矩形框内创建随机点,200个
const bounds = {
  east: 114.40295687456313,
  north: 30.467989447011963,
  south: 30.465570241010646,
  west: 114.40024175306026
}
const array = zondy.cesium.AlgorithmLib.getRandomPointByRect(
  bounds.west,
  bounds.south,
  bounds.east,
  bounds.north,
  200
)
const heatMapData = []
for (let i = 0; i < array.length; i++) {
  heatMapData.push({
    x: array[i].x,
    y: array[i].y,
    // 获取30到150之间的随机值
    value: parseInt(Math.random() * (150 - 30 + 1) + 30, 10)
  })
}

// 4 添加数据集，并设置数据范围
heatMap.setWGS84Data(30, 150, heatMapData)