百度地圖maker過多,導(dǎo)致卡頓的優(yōu)化

原文:https://blog.csdn.net/yzyssg1/article/details/73130679
百度地圖的API雖然說覆蓋物多了可以用聚合,但聚合使用下來邦尊,性能并不好
目前解決方案是,獲取地圖的左下角和右上角的經(jīng)緯度优烧,然后根據(jù)此經(jīng)緯度范圍蝉揍,到數(shù)據(jù)庫中搜索,把該區(qū)域內(nèi)的覆蓋物取出標(biāo)注到地圖上畦娄。
生成地圖時綁定事件又沾,在移動和縮放時觸發(fā):

Js代碼  
 map.addEventListener("moveend", queryInRect);  
//map.addEventListener("moveend", funMoveend);  
          
map.addEventListener("zoomend", queryInRect);  
Js代碼  
function queryInRect (event) {  
    //alert(event.type + '==' + event.target);  
      
    var cp = map.getBounds(); // 返回map可視區(qū)域弊仪,以地理坐標(biāo)表示  
    var sw = cp.getSouthWest(); // 返回矩形區(qū)域的西南角  
    var ne = cp.getNorthEast(); // 返回矩形區(qū)域的東北角  
  
    zoom = map.getZoom();  
  
    if (zoom < defaultShowLampZoom) {  
        // 放大級數(shù)小于17后,清除所有覆蓋物杖刷,但百度覆蓋物不能刪除  
        // 以后做成清除非網(wǎng)關(guān)控制器 TODO  
        var markers = getCurrentMarkers();  
        for (var i=0; i<markers.length; i++) {  
            map.removeOverlay(markers[i]);  
        }  
        return;  
    }  
      
    //如果放大到17級別励饵,則取屏幕范圍內(nèi)的標(biāo)注  
    var param = {  
        swlng : sw.lng,  
        swlat : sw.lat,  
        nelng : ne.lng,  
        nelat : ne.lat  
    };  
    $.ajax( {  
        type : "POST",  
        url : "queryInRect.action",  
        data : param,  
        dataType : "json",  
        success : function(jsonData) {  
            // 把數(shù)據(jù)加載到地圖上去。  
            if (jsonData.rtnMsg) {  
                alert(jsonData.rtnMsg);  
                //window.location.href = "login.html";  
                return;  
            }  
            if (jsonData.controllerList) {  
                // 添加前清空地圖上標(biāo)記物 TODO滑燃,應(yīng)該是有役听,則不更新,而不是現(xiàn)在全部清空  
                // 但不清空百度地圖標(biāo)記物  
                var markers = getCurrentMarkers();  
                for (var i=0; i<markers.length; i++) {  
                    map.removeOverlay(markers[i]);  
                }  
                  
                $.each(jsonData.controllerList, function(i, controller) {  
                    var point = new BMap.Point(controller.longitude, controller.latitude);  
                    addMarker(point, controller, markers);  
                      
                    // 插入或更新數(shù)據(jù)采集的taffyDb  
                    insertOrUpdateDataCollection(controller);  
                    // 插入或更新故障信息的taffyDb  
                    insertOrUpdateAlarm(controller);  
                      
                });  
                  
                //如果是樹上右擊定位而來表窘,0.8秒后設(shè)置燈跳躍  
                if (find) {  
                    setTimeout(jumpIcon, 800);  
                }  
            }  
        },  
        error : function(XMLHttpRequest, textStatus, errorThrown) {  
            //if (XMLHttpRequest.status == 12029 && textStatus == "error") {  
            //alert("WEB服務(wù)器未啟動或已宕機典予,請聯(lián)系管理員。");  
            //}  
            alert('服務(wù)器異常');  
        }  
    });  
}  
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末乐严,一起剝皮案震驚了整個濱河市瘤袖,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌昂验,老刑警劉巖捂敌,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異凛篙,居然都是意外死亡黍匾,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進(jìn)店門呛梆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人磕诊,你說我怎么就攤上這事填物。” “怎么了霎终?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵滞磺,是天一觀的道長。 經(jīng)常有香客問我莱褒,道長击困,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任广凸,我火速辦了婚禮阅茶,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘谅海。我一直安慰自己脸哀,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布扭吁。 她就那樣靜靜地躺著撞蜂,像睡著了一般盲镶。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蝌诡,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天溉贿,我揣著相機與錄音,去河邊找鬼浦旱。 笑死顽照,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的闽寡。 我是一名探鬼主播代兵,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼爷狈!你這毒婦竟也來了植影?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤涎永,失蹤者是張志新(化名)和其女友劉穎思币,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體羡微,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡谷饿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了妈倔。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片博投。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖盯蝴,靈堂內(nèi)的尸體忽然破棺而出毅哗,到底是詐尸還是另有隱情,我是刑警寧澤捧挺,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布虑绵,位于F島的核電站,受9級特大地震影響闽烙,放射性物質(zhì)發(fā)生泄漏翅睛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一黑竞、第九天 我趴在偏房一處隱蔽的房頂上張望捕发。 院中可真熱鬧,春花似錦摊溶、人聲如沸爬骤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽霞玄。三九已至骤铃,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間坷剧,已是汗流浹背惰爬。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留惫企,地道東北人撕瞧。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓,卻偏偏與公主長得像狞尔,于是被迫代替她去往敵國和親丛版。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,685評論 2 360

推薦閱讀更多精彩內(nèi)容