????最近需要echart同時(shí)顯示海南島和南海諸島,開始想尋找南海諸島的數(shù)據(jù),經(jīng)過查找,這種簡圖數(shù)據(jù)是沒有的(china.js地圖數(shù)據(jù)一一找過了),下圖是echarts的一些示例,沒有滿足我們的要求
image
原圖
????后來在echarts.min.js中通過關(guān)鍵字'南海諸島'查找到了關(guān)鍵的代碼,echarts在地圖名為china時(shí),加入南海諸島數(shù)據(jù),然后經(jīng)過坐標(biāo)變換(先設(shè)置縮放比率再平移到指定點(diǎn))展示到echart地圖中。
????要想海南島地圖和南海諸島簡圖顯示到一起并不復(fù)雜??偣仓灰乃膫€(gè)參數(shù)就好了。
首先要修改左上角位置點(diǎn),原先的源碼設(shè)置[126, 25],要想修改靠近海南島需要把這兩個(gè)數(shù)值改小點(diǎn)[110.5, 18.5]。然后,修改hA[cA][dA][0] /= 300, hA[cA][dA][1] /= -300,這里的參數(shù)是設(shè)置縮放比率的。
image
????echarts.js和echarts.min.js的修改略有不同,原因還不太清楚
附:https://github.com/tpolong/echartshn