高德地图热力图插件实现人流量监控,如何实现人流数据实时刷新

您所在的位置:网站首页 高德地图人流量热力图 高德地图热力图插件实现人流量监控,如何实现人流数据实时刷新

高德地图热力图插件实现人流量监控,如何实现人流数据实时刷新

2023-06-03 20:12| 来源: 网络整理| 查看: 265

showHeatMap();//页面加载时请求数据,渲染用户界面

var heatmap;

//map为高德地图实例,AMap.Heatmap为高德地图热力图插件

map.plugin(["AMap.Heatmap"], function () {

    heatmap = new AMap.Heatmap(map, {

        radius: 45, //给定半径

        opacity: [0, 0.9],

        gradient: {

            0.2: $.cookie("little") != undefined ? $.cookie("little") : '#4AA329',

            0.5: $.cookie("a_little") != undefined ? $.cookie("a_little") : '#1F7B67',

            0.7: $.cookie("many") != undefined ? $.cookie("many") : '#A63F00',

            0.95: $.cookie("plenty") != undefined ? $.cookie("plenty") : '#9D0019'

        }

    });

});

setInterval(showHeatMap,5000);//每隔5秒请求服务器获取最新数据

function showHeatMap(){

       $.get({

           url:"/getdata",

           dataType:"json",

           success:function(data){

             console.log(data);

                heatmap.setDataSet({

                    data: data,

                    min: 10

                });

               },

               error:function(xmlHttpRequest,err,catchError){

                   console.log(xmlHttpRequest);

                   console.log(err);

                   console.log(catchError);

                   }

           });

       }



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3