插件~使用ECharts動態在地圖上標識點~動態添加和刪除標識點


之前寫過一個Echarts的文章,沒有基礎的同學可以先看這<上一篇>,對於一個地圖和說,我們在初始化之后,你可能被在地圖上標識出一些點,當然這根據你的業務去標識,而如果每次更新數據都加載全部的標識點,這對於性能是有影響的,也是沒有必要的,所以我就找了一種動態添加和刪除點的方法,即addMarkPoint和delMarkPoint,需要注意的是,如果標識后添加或者刪除之后,我們必須要刷新地圖,這樣你做的操作才可以第一時間響應到地圖上來.

測試代碼

     //周期調用刷新數據
        setInterval(function () {
            console.log("going");
            //在線,添加點
            myChart.addMarkPoint(2, {
                data: [{ name: "北京" }]
            });

            //離線,添加點
            myChart.addMarkPoint(1, {
                data: [{ name: "天津" }]
            });

            //刪除
            myChart.delMarkPoint(2, "北京");

            myChart.refresh();//實時更新到地圖
        }, 5000);

效果圖

從圖中我們看到,添加標識后"北京"之后又刪除了"北京",所以在地圖上只把"天津"顯示出來了.

對於一個框架的研究我們需要有耐心.

對於一個框架的猜測,我們要敢去想,多去嘗試!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM