Skip to main content

實例方法

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

getData​

getData()

取得熱力圖資料。

回傳

object[]: 熱力圖資料。

範例

// 熱力圖資料
const heatmapData = [
  { location: [121.441, 25.027], weight: 2 },
  { location: [121.443, 25.027], weight: 3 },
  [121.445, 25.027],
];

// 新增 HeatmapLayer
const 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[]): 要帶入的熱力圖資料。

範例

// 熱力圖資料
const heatmapData = [
  { location: [121.441, 25.027], weight: 2 },
  { location: [121.443, 25.027], weight: 3 },
  { location: [121.445, 25.027], weight: 1 },
];

// 新增 HeatmapLayer
const 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[]漸層色設定

範例

// 熱力圖資料
const heatmapData = [
  { location: [121.441, 25.027], weight: 2 },
  { location: [121.443, 25.027], weight: 3 },
  { location: [121.445, 25.027], weight: 1 },
];

// 新增 HeatmapLayer
const heatmap = new mapPlus.HeatmapLayer({
  map: map,
  data: heatmapData,
});

// 設定參數
heatmap.setOptions({
  opacity: 0.8,
  radius: 20,
  maxIntensity: 2,
  gradient: [
    '#00FF00',
    '#FFFF00',
    '#FF0000',
  ],
})

remove​

remove()

移除熱力圖。

範例

// 熱力圖資料
const heatmapData = [
  { location: [121.441, 25.027], weight: 2 },
  { location: [121.443, 25.027], weight: 3 },
  { location: [121.445, 25.027], weight: 1 },
];

// 新增 HeatmapLayer
const heatmap = new mapPlus.HeatmapLayer({
  map: map,
  data: heatmapData,
});

// 移除熱力圖
heatmap.remove();