Echarts地圖使用經驗-地圖變形和添加數據


關於echart2,echart3地圖的使用一點人生經驗:
1.echart3,echart2加載地圖變形修復。
最近在使用echart2使用過程中,發現加載海南地圖會產生變形。如下圖,海南地圖產生了較大的變形,於是需要研究怎么才能消除變形。經過一番折騰,修改echart-all.js中_getTransform函數的

varxScale = width /mapWidth;

varyScale = height / mapHeight;

console.log(rate);

if(xScale > yScale) {

     //xScale = yScale * rate;

      xScale = yScale;

      width = mapWidth * xScale;

}else{

      yScale = xScale;

     //xScale = yScale * rate;

     height = mapHeight * yScale;

}

這樣地圖就能不產生變形(echart3里添加這個aspectScale:1就能使地圖不變形)

產生變形的原圖

(不變形的地圖)

2.echart2中添加自定義geosjon(主要講的是echart2,echart3里加載geojson已經比較方便)
同樣是修改echart-all.js中代碼加入如下代碼,就能使用mapType為'hainan'的地圖

'hainan': {getGeoJson: (function() {

       return function(callback) {$.getJSON('data/hn.geojson',callback);}

      })()

},


免責聲明!

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



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