高德地圖 Javascript API 入門(mén)（七）

YuboonaZhang 發(fā)布于2019-08-21 11:31 / 2749人閱讀

摘要：高德地圖入門(mén)七熱力圖插件簡(jiǎn)單例子顯示地圖坐標(biāo)點(diǎn)加載熱力圖插件預(yù)覽參數(shù)構(gòu)造函數(shù)說(shuō)明構(gòu)造一個(gè)熱力圖插件對(duì)象，為要疊加熱力圖的地圖對(duì)象，屬性參考列表中的說(shuō)明。

高德地圖 Javascript API 入門(mén)（七） 熱力圖插件 簡(jiǎn)單例子

// 顯示地圖
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ù)	說(shuō)明
AMap.Heatmap(map:Map,opts:HeatmapOptions)	構(gòu)造一個(gè)熱力圖插件對(duì)象，map為要疊加熱力圖的地圖對(duì)象，opts屬性參考HeatmapOptions列表中的說(shuō)明。

options

HeatmapOptions	類型	說(shuō)明
radius	Number	熱力圖中單個(gè)點(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	支持的縮放級(jí)別范圍，取值范圍[3-18]，默認(rèn)：[3,18]

------ 參考來(lái)源：http://lbs.amap.com/ 作者：Yangfan

GPU云服務(wù)器云服務(wù)器高德地圖api接口高德地圖api接口文檔高德地圖高德地圖大數(shù)據(jù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86805.html

相關(guān)文章

高德地圖 Javascript API 入門(mén)（一）

摘要：高德地圖入門(mén)一準(zhǔn)備工作首先注冊(cè)個(gè)開(kāi)發(fā)者賬號(hào)然后創(chuàng)建應(yīng)用，獲取新建文件，在標(biāo)簽中引入如下代碼把你的值填入即可您申請(qǐng)的值創(chuàng)建設(shè)置地圖容器地圖初始化創(chuàng)建地圖設(shè)置地圖參數(shù)可以通過(guò)以下設(shè)置也可通過(guò)對(duì)象的方法設(shè)置預(yù)覽個(gè)性化地圖改變地圖樣式目前支持五種地高德地圖 Javascript API 入門(mén)（一）準(zhǔn)備工作首先注冊(cè)個(gè)開(kāi)發(fā)者賬號(hào) showImg(https://segmentfault.co...

jone5679 2019-08-20 14:29 評(píng)論0 收藏0
高德地圖 Javascript API 入門(mén)（二）

摘要：鼠標(biāo)在地圖上拉框即可繪制相應(yīng)的矩形。鼠標(biāo)在地圖上單擊繪制量測(cè)區(qū)域，鼠標(biāo)左鍵雙擊或右鍵單擊結(jié)束當(dāng)前量測(cè)操作，并顯示本次量測(cè)結(jié)果。參數(shù)設(shè)為時(shí)，鼠標(biāo)操作關(guān)閉的同時(shí)清除地圖上繪制的所有覆蓋物對(duì)象設(shè)為時(shí)，保留所繪制的覆蓋物對(duì)象。高德地圖 Javascript API 入門(mén)（二）鼠標(biāo)工具插件測(cè)量距離 JS map.plugin([AMap.MouseTool],function ()...

dockerclub 2019-08-20 14:29 評(píng)論0 收藏0
高德地圖 Javascript API 入門(mén)（六）

摘要：高德地圖入門(mén)六出行規(guī)劃公交路徑公交換乘服務(wù)，提供起終點(diǎn)公交路線規(guī)劃服務(wù)，整合步行方式初始化加載公交線路插件實(shí)例化北京必須值，搭乘公交所在城市可選值，搜索結(jié)果的標(biāo)注線路等均會(huì)自動(dòng)添加到此地圖上可選值，顯示搜索列表的容器可選值，詳細(xì)信息駕駛策略高德地圖 Javascript API 入門(mén)（六）出行規(guī)劃公交路徑公交換乘服務(wù)，提供起、終點(diǎn)公交路線規(guī)劃服務(wù)，整合步行方式初始化 // 加...

idisfkj 2019-08-20 14:39 評(píng)論0 收藏0
高德地圖 Javascript API 入門(mén)（三）

摘要：高德地圖入門(mén)三距離測(cè)量插件區(qū)別雖然鼠標(biāo)工具插件也提供距離量測(cè)功能，但是距離量測(cè)插件，提供更為豐富的樣式設(shè)置功能。高德地圖 Javascript API 入門(mén)（三）距離測(cè)量插件區(qū)別雖然鼠標(biāo)工具插件也提供距離量測(cè)功能，但是距離量測(cè)插件，提供更為豐富的樣式設(shè)置功能。加載插件 JS map.plugin([AMap.RangingTool],function () { ...

EdwardUp 2019-08-20 14:29 評(píng)論0 收藏0
高德地圖 Javascript API 入門(mén)（四）

摘要：高德地圖入門(mén)四地圖覆蓋物覆蓋物類名說(shuō)明是否插件點(diǎn)標(biāo)記否覆蓋物點(diǎn)標(biāo)記復(fù)雜點(diǎn)標(biāo)記對(duì)象，對(duì)普通點(diǎn)標(biāo)記的擴(kuò)展否覆蓋物折線否覆蓋物多邊形否覆蓋物圓否圖片覆蓋物否地圖右鍵菜單否點(diǎn)標(biāo)記預(yù)覽自定義點(diǎn)標(biāo)記預(yù)覽多邊形預(yù)覽右鍵菜單添加右鍵菜單內(nèi)容項(xiàng)放大縮小添加高德地圖 Javascript API 入門(mén)（四）地圖覆蓋物覆蓋物類名說(shuō)明是否插件 AMap.Marker 點(diǎn)標(biāo)記否 AM...

AlanKeene 2019-08-20 14:29 評(píng)論0 收藏0