绘制热力图 Fengmap JavaScript SDK 支持热力图功能。

热力图

Fengmap JavaScript SDK 提供绘制热力图功能。热力图是根据由多个地图坐标点及对应点的value值生成的可反映某种特性分布的图形。 生成热力图可分为以下几步：

• • 模拟热点

  //模拟的热点数据
  var data = [
      {
          "x": 12961664.4327246,
          "y": 4861863.64318839,
          "value": 100
      }, {
          "x": 12961625.166912202,
          "y": 4861878.46667244,
          "value": 50
      }, {
          "x": 12961593.651145201,
          "y": 4861879.42299472,
          "value": 50
      }, {
          "x": 12961588.30476565,
          "y": 4861830.7706852,
          "value": 50
      }, {
          "x": 12961661.3785794,
          "y": 4861815.359153885,
          "value": 50
      }, {
          "x": 12961604.6719766,
          "y": 4861820.61724688,
          "value": 100
      }, {
          "x": 12961580.2793186,
          "y": 4861879.42299472,
          "value": 50
      }, {
          "x": 12961616.4728035,
          "y": 4861857.492644815,
          "value": 100
      }
  ]

• • 创建热力图对象，并添加热力点

  //热力图对象
  var heatmapInstance = fengmap.FMHeatMap.create(map, {
      //热点半径
      radius: 20,
      //热力图透明度
      opacity: .5,
      //热力点value的最大值
      max: 100
  });
  //随机增加热点
  heatmapInstance.randomPoints(200);
  

• • 应用热力图到指定楼层

  //热力图应用到对应楼层
  var groupLayer = map.getFMGroup(map.focusGroupID);
  groupLayer.applyHeatMap(heatmapInstance);