Echarts 南海諸島簡圖顯示位置調整

來源:互聯網
上載者:User

標籤:座標   china   設定   要求   use   hub   技術   .com   cdn   

????最近需要echart同時顯示海南島和南海諸島,開始想尋找南海諸島的資料,經過尋找,這種簡圖資料是沒有的(china.js地圖資料一一找過了),是echarts的一些樣本,沒有滿足我們的要求



????後來在echarts.min.js中通過關鍵字‘南海諸島‘尋找到了關鍵的代碼,echarts在地圖名為china時,加入南海諸島資料,然後經過座標變換(先設定縮放比率再平移到指定點)展示到echart地圖中。

????要想海南島地圖和南海諸島簡圖顯示到一起並不複雜。總共只要改四個參數就好了。
首先要修改左上方位置點,原先的源碼設定[126, 25],要想修改靠近海南島需要把這兩個數值改小點[110.5, 18.5]。然後,修改hA[cA][dA][0] /= 300, hA[cA][dA][1] /= -300,這裡的參數是設定縮放比率的。


????echarts.js和echarts.min.js的修改略有不同,原因還不太清楚
附:https://github.com/tpolong/echartshn

Echarts 南海諸島簡圖顯示位置調整

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.