實例方法

調用 new mapPlus.HeatmapLayer(options)，開始使用地圖熱力圖功能。

參數描述
getData取得熱力圖資料。
setData設定熱力圖資料。
setOptions設定熱力圖參數。
remove移除熱力圖。

getData

getData()

取得熱力圖資料。

回傳

object[]: 熱力圖資料。

範例

javascript
// 熱力圖資料const heatmapData = [  { location: [121.441, 25.027], weight: 2 },  { location: [121.443, 25.027], weight: 3 },  [121.445, 25.027],];
// 新增 HeatmapLayerconst heatmap = new mapPlus.HeatmapLayer({  map: map,  data: heatmapData,});
// 取得資料const returnData = heatmap.getData();console.log( returnData );// [//   { location: [121.441, 25.027], weight: 2 },//   { location: [121.443, 25.027], weight: 3 },//   [121.445, 25.027],// ];

setData

setData(data)

設定熱力圖資料。

參數

  • data (object[]): 要帶入的熱力圖資料。

範例

javascript
// 熱力圖資料const heatmapData = [  { location: [121.441, 25.027], weight: 2 },  { location: [121.443, 25.027], weight: 3 },  { location: [121.445, 25.027], weight: 1 },];
// 新增 HeatmapLayerconst heatmap = new mapPlus.HeatmapLayer({  map: map,});
// 帶入資料heatmap.setData(heatmapData);

setOptions

setOptions(options)

設定熱力圖參數。

參數

  • options (object): 要設定的熱力圖參數。

    參數描述
    options.opacity number透明度
    options.radius number半徑
    options.maxIntensity number最大強度的數值
    options.gradient string[]漸層色設定

範例

javascript
// 熱力圖資料const heatmapData = [  { location: [121.441, 25.027], weight: 2 },  { location: [121.443, 25.027], weight: 3 },  { location: [121.445, 25.027], weight: 1 },];
// 新增 HeatmapLayerconst heatmap = new mapPlus.HeatmapLayer({  map: map,  data: heatmapData,});
// 設定參數heatmap.setOptions({  opacity: 0.8,  radius: 20,  maxIntensity: 2,  gradient: [    '#00FF00',    '#FFFF00',    '#FF0000',  ],})

remove

remove()

移除熱力圖。

範例

javascript
// 熱力圖資料const heatmapData = [  { location: [121.441, 25.027], weight: 2 },  { location: [121.443, 25.027], weight: 3 },  { location: [121.445, 25.027], weight: 1 },];
// 新增 HeatmapLayerconst heatmap = new mapPlus.HeatmapLayer({  map: map,  data: heatmapData,});
// 移除熱力圖heatmap.remove();