webclient-vue-cesium 热力图组件 使用方式

webclient-vue-cesium 是一个基于Vue.js和Cesium.js的WebGIS开发框架，它提供了许多常用的GIS组件和工具，包括热力图组件。

使用热力图组件需要先安装webclient-vue-cesium，可以使用npm命令进行安装：

npm install webclient-vue-cesium

安装完成后，在Vue组件中引入热力图组件：

import Heatmap from 'webclient-vue-cesium/components/Heatmap.vue';

在组件中使用：

<Heatmap :options="heatmapOptions"></Heatmap>

其中，`heatmapOptions`是一个对象，包含了热力图的配置参数，例如：

heatmapOptions: {
  data: heatmapData, // 热力图数据
  maxOpacity: 0.8, // 最大不透明度
  radius: 30, // 热力图半径
  blur: 20, // 模糊半径
  minValue: 0, // 最小值
  maxValue: 100, // 最大值
  gradient: { // 渐变色
    0.0: 'rgba(0, 0, 255, 0)',
    0.5: 'rgba(0, 255, 0, 1)',
    1.0: 'rgba(255, 0, 0, 1)'
  }
}

其中，`heatmapData`是一个包含热力图数据的数组，每个数据点包括经纬度和值，例如：

heatmapData: [
  {lon: 120.12, lat: 30.28, value: 50},
  {lon: 120.13, lat: 30.29, value: 60},
  {lon: 120.14, lat: 30.30, value: 70},
  ...
]

以上是webclient-vue-cesium热力图组件的基本使用方法，具体可以参考文档和示例代码。