????最近需要echart同時顯示海南島和南海諸島碍脏,開始想尋找南海諸島的數(shù)據(jù)帅霜,經(jīng)過查找,這種簡圖數(shù)據(jù)是沒有的(china.js地圖數(shù)據(jù)一一找過了)蒜危,下圖是echarts的一些示例虱痕,沒有滿足我們的要求
image
原圖
????后來在echarts.min.js中通過關(guān)鍵字'南海諸島'查找到了關(guān)鍵的代碼,echarts在地圖名為china時辐赞,加入南海諸島數(shù)據(jù)部翘,然后經(jīng)過坐標變換(先設(shè)置縮放比率再平移到指定點)展示到echart地圖中。
????要想海南島地圖和南海諸島簡圖顯示到一起并不復(fù)雜响委⌒滤迹總共只要改四個參數(shù)就好了。
首先要修改左上角位置點赘风,原先的源碼設(shè)置[126, 25],要想修改靠近海南島需要把這兩個數(shù)值改小點[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