天天看點

echarts自定義地圖行政區域

項目有個需求,根據業務區域,做一個區域展示大屏。以往用的一般都是按照行政區域來展示的,這次按業務區域,相比行政區域多了好幾個新區域,要把原有區域進行拆分,在網上找了很久,各種辦法都不太理想,最後隻能手動劃分。暫時沒想到其他辦法,有更好方法,還請不吝賜教,感謝。

下圖是未劃分和已劃分圖檔

echarts自定義地圖行政區域
echarts自定義地圖行政區域

網上找到了一個描點的線上工具,很強勢,我就是通過這個來描點的:http://geojson.io/#map=12/36.5527/101.7093長這樣

echarts自定義地圖行政區域

解決思路是,先将要拆分的區域,比如城中區域的坐标擷取到(網上很多,下載下傳一個區域行政代碼,拷出來就行(https://abagnale666.github.io/ShpImage/(可以下載下傳))),然後拷貝到上圖右側JSON欄,左側地圖就會描出區域,如下圖:

echarts自定義地圖行政區域

然後用邊框上的五角工具描出你要拆分的區域,這塊根據自己業務來描區域,描完之後,右側會把新描繪的區域坐标追加到清單,隻需要把自己想要的那塊坐标拷出來,放到項目就行了

echarts自定義地圖行政區域

比如上圖之前是一塊區域,我手動拆分開之後,把兩塊區域的坐标拷貝到項目裡面,頁面就會改過來了。

好了就這樣,至于echarts的其他問題,可以檢視下相關文檔,另外說一句,圖小還好,圖大了描點手都要廢了 0.0

參考:https://blog.csdn.net/myfmyfmyfmyf/article/details/92848549

繼續閱讀