第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

高德地圖熱力圖插件實(shí)現(xiàn)人流量監(jiān)控,如何實(shí)現(xiàn)人流數(shù)據(jù)實(shí)時(shí)刷新

高德地圖熱力圖插件實(shí)現(xiàn)人流量監(jiān)控,如何實(shí)現(xiàn)人流數(shù)據(jù)實(shí)時(shí)刷新

森林海 2018-12-21 16:15:00
需求描述:使用高德地圖插件--熱力圖插件,實(shí)現(xiàn)監(jiān)控?cái)?shù)據(jù)直觀化:地圖上呈現(xiàn)人流量變化,以熱力圖的方式。服務(wù)器監(jiān)控?cái)?shù)據(jù)每3秒更新,瀏覽器需要每5秒請(qǐng)求一次獲取最新數(shù)據(jù)并更新用戶界面。代碼實(shí)現(xiàn): 定義了一個(gè)方法showHeatMap()用來(lái)ajax請(qǐng)求服務(wù)器監(jiān)控?cái)?shù)據(jù),代碼如下:?jiǎn)栴}描述 網(wǎng)頁(yè)打開,成功顯示數(shù)據(jù),但5秒后沒(méi)有實(shí)時(shí)刷新,網(wǎng)頁(yè)打開一段時(shí)間后,頁(yè)面崩潰。第一次運(yùn)行的結(jié)果:崩潰的結(jié)果:調(diào)試模式中,每隔5秒有成功打印出請(qǐng)求到的數(shù)據(jù)。請(qǐng)js大神提供一個(gè)開發(fā)思路吧,怎么實(shí)時(shí)刷新這個(gè)用戶界面,不是刷新整個(gè)網(wǎng)頁(yè),是重新渲染地圖上呈現(xiàn)的結(jié)果。高德地圖的熱力圖插件是使用heatmap.js。
查看完整描述

1 回答

?
ABOUTYOU

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊

showHeatMap();//頁(yè)面加載時(shí)請(qǐng)求數(shù)據(jù),渲染用戶界面

var heatmap;


//map為高德地圖實(shí)例,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秒請(qǐng)求服務(wù)器獲取最新數(shù)據(jù)

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);

                   }

           });

       }


查看完整回答
反對(duì) 回復(fù) 2019-01-14
  • 1 回答
  • 0 關(guān)注
  • 6233 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)