高德舆图 Javascript API 入门（七）

2019年8月31日 233次阅读 来源: Yangfan2016

高德舆图 Javascript API 入门（七）

热力争插件

简朴例子

// 显现舆图
var map=new AMap.Map("container",{
    resizeEnable:true,
    center:[116.397428, 39.90923],
    zoom:11
});
// 坐标点
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
       });
)};

预览

《高德舆图 Javascript API 入门（七）》

参数

AMap.Heatmap

组织函数申明
AMap.Heatmap(map:Map,opts:HeatmapOptions)组织一个热力争插件对象，map为要叠加热力争的舆图对象，opts属性参考HeatmapOptions列表中的申明。

options

HeatmapOptions范例申明
radiusNumber热力争中单个点的半径，默许：30，单元：pixel
gradientObject热力争的渐变区间，热力争根据设置的色彩及距离显现热力争，例：
{
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为色彩值。默许：heatmap.js规范配色计划
opacityArray热力争通明度数组，取值局限[0,1]，0示意完整通明，1示意不通明，默许：[0,1]
zoomsArray支撑的缩放级别局限，取值局限[3-18]，默许：[3,18]

—— 参考泉源：
http://lbs.amap.com/ 作者：
Yangfan

    原文作者：Yangfan2016
    原文地址: https://segmentfault.com/a/1190000008605480
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞