資訊專欄INFORMATION COLUMN
摘要：高德地圖入門七熱力圖插件簡單例子顯示地圖坐標(biāo)點(diǎn)加載熱力圖插件預(yù)覽參數(shù)構(gòu)造函數(shù)說明構(gòu)造一個熱力圖插件對象，為要疊加熱力圖的地圖對象，屬性參考列表中的說明。
高德地圖 Javascript API 入門（七） 熱力圖插件 簡單例子
// 顯示地圖
var map=new AMap.Map("container",{
resizeEnable:true,
center:[116.397428, 39.90923],
zoom:11
});
// 坐標(biāo)點(diǎn)
var points =[
{"lng":116.191031,"lat":39.988585,"count":100},
{"lng":116.389275,"lat":39.925818,"count":60},
{"lng":116.287444,"lat":39.810742,"count":200},
{"lng":116.481707,"lat":39.940089,"count":30},
{"lng":116.410588,"lat":39.880172,"count":200},
{"lng":116.394816,"lat":39.91181,"count":10},
{"lng":116.416002,"lat":39.952917,"count":150}
];
// 加載熱力圖插件
map.plugin(["AMap.Heatmap"],function () {
var heatmap=new AMap.Heatmap(map,{
radius:50
});
heatmap.setDataSet({
data:points,
max:100
});
)};
預(yù)覽
參數(shù)AMap.Heatmap
| 構(gòu)造函數(shù) | 說明 |
|---|---|
| AMap.Heatmap(map:Map,opts:HeatmapOptions) | 構(gòu)造一個熱力圖插件對象，map為要疊加熱力圖的地圖對象，opts屬性參考HeatmapOptions列表中的說明。 |
| HeatmapOptions | 類型 | 說明 |
|---|---|---|
| radius | Number | 熱力圖中單個點(diǎn)的半徑，默認(rèn)：30，單位：pixel |
| gradient | Object | 熱力圖的漸變區(qū)間，熱力圖按照設(shè)置的顏色及間隔顯示熱力圖，例： { 0.4:"rgb(0, 255, 255)", 0.65:"rgb(0, 110, 255)", 0.85:"rgb(100, 0, 255)", 1.0:"rgb(100, 0, 255)" } 其中 key 表示間隔位置，取值范圍： [0,1]，value為顏色值。默認(rèn)：heatmap.js標(biāo)準(zhǔn)配色方案 |
| opacity | Array | 熱力圖透明度數(shù)組，取值范圍[0,1]，0表示完全透明，1表示不透明，默認(rèn)：[0,1] |
| zooms | Array | 支持的縮放級別范圍，取值范圍[3-18]，默認(rèn)：[3,18] |
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/86805.html
摘要：高德地圖入門一準(zhǔn)備工作首先注冊個開發(fā)者賬號然后創(chuàng)建應(yīng)用，獲取新建文件，在標(biāo)簽中引入如下代碼把你的值填入即可您申請的值創(chuàng)建設(shè)置地圖容器地圖初始化創(chuàng)建地圖設(shè)置地圖參數(shù)可以通過以下設(shè)置也可通過對象的方法設(shè)置預(yù)覽個性化地圖改變地圖樣式目前支持五種地 高德地圖 Javascript API 入門（一） 準(zhǔn)備工作 首先注冊個開發(fā)者賬號 showImg(https://segmentfault.co...
摘要：鼠標(biāo)在地圖上拉框即可繪制相應(yīng)的矩形。鼠標(biāo)在地圖上單擊繪制量測區(qū)域，鼠標(biāo)左鍵雙擊或右鍵單擊結(jié)束當(dāng)前量測操作，并顯示本次量測結(jié)果。參數(shù)設(shè)為時，鼠標(biāo)操作關(guān)閉的同時清除地圖上繪制的所有覆蓋物對象設(shè)為時，保留所繪制的覆蓋物對象。 高德地圖 Javascript API 入門（二） 鼠標(biāo)工具插件 測量距離 JS map.plugin([AMap.MouseTool],function ()...
摘要：高德地圖入門六出行規(guī)劃公交路徑公交換乘服務(wù)，提供起終點(diǎn)公交路線規(guī)劃服務(wù)，整合步行方式初始化加載公交線路插件實(shí)例化北京必須值，搭乘公交所在城市可選值，搜索結(jié)果的標(biāo)注線路等均會自動添加到此地圖上可選值，顯示搜索列表的容器可選值，詳細(xì)信息駕駛策略 高德地圖 Javascript API 入門（六） 出行規(guī)劃 公交路徑 公交換乘服務(wù)，提供起、終點(diǎn)公交路線規(guī)劃服務(wù)，整合步行方式 初始化 // 加...
摘要：高德地圖入門三距離測量插件區(qū)別雖然鼠標(biāo)工具插件也提供距離量測功能，但是距離量測插件，提供更為豐富的樣式設(shè)置功能。 高德地圖 Javascript API 入門（三） 距離測量插件 區(qū)別 雖然鼠標(biāo)工具插件也提供距離量測功能，但是距離量測插件，提供更為豐富的樣式設(shè)置功能。 加載插件 JS map.plugin([AMap.RangingTool],function () { ...
摘要：高德地圖入門四地圖覆蓋物覆蓋物類名說明是否插件點(diǎn)標(biāo)記否覆蓋物點(diǎn)標(biāo)記復(fù)雜點(diǎn)標(biāo)記對象，對普通點(diǎn)標(biāo)記的擴(kuò)展否覆蓋物折線否覆蓋物多邊形否覆蓋物圓否圖片覆蓋物否地圖右鍵菜單否點(diǎn)標(biāo)記預(yù)覽自定義點(diǎn)標(biāo)記預(yù)覽多邊形預(yù)覽右鍵菜單添加右鍵菜單內(nèi)容項(xiàng)放大縮小添加 高德地圖 Javascript API 入門（四） 地圖覆蓋物 覆蓋物 類名 說明 是否插件 AMap.Marker 點(diǎn)標(biāo)記 否 AM...
閱讀 3477·2021-11-22 13:53
閱讀 3525·2021-10-11 11:11
閱讀 999·2019-08-30 14:12
閱讀 1300·2019-08-29 17:16
閱讀 744·2019-08-29 16:45
閱讀 3451·2019-08-29 12:56
閱讀 737·2019-08-28 17:55
閱讀 2149·2019-08-26 13:24
