搞定echarts地图,想怎么自定义都行
當我們在使用echarts繪制地圖時,總是會遇到各種“無敵”的需求,官方提供的中國地圖遠遠不夠,如果要到省級,市級,縣級,那就需要我們自己搞定了,
所以我就去研究了一下echarts的地圖到底是什么玩意兒,ok,廢話不多說,開始正片
我先去了echarts的官網,傳送地址:https://www.echartsjs.com/examples/zh/index.html#chart-type-map,然后我發現全部是百度地圖,沒有以前的那種輪廓圖了(不知道具體名詞是什么,我是這么叫的),就是這種圖
接著我就看到了這個公告
好吧,看來是因為某種原因,不再內置了,但這絲毫難不倒我,在掉了兩根頭發之后,終于被我發現echarts原來那種地圖加載的是geojson文件,有興趣的小伙伴可以看看,還挺有意思的,
傳送地址:https://www.oschina.net/translate/geojson-spec
但是,看到這我有點崩潰了,這,我也不會制作啊,我撓了撓自己傲人的發際線,完全摸不著頭腦,于是我又用了兩根頭發的代價,找到了兩個很棒的網址,可以制作這種地圖文件
1.現成地圖網站
這個網站地圖直接支持到縣級,簡直就是爽歪歪,我突然覺得頭沒那么涼了!
使用方法也很簡單,搜索框可以直接輸入想要的地區,然后是包含子區域的勾選框,如果勾選下載的文件就會包含子級區域,最后就是文件格式,這里我們就選geojson就可以了,有一個小細節就是把下載的文件后綴.geojson改成.json ,就可以直接在echarts中使用了,geojson是否可以使用,我沒有測試
2.自定義地圖網站
這個網站就比較費頭發了,但是自定義程度高,頭發濃密的小伙伴可以大展身手,本著節約頭發的原則,我只探索了一部分功能
我們可以把從上面網站下載的geojson文件導入進去,效果如下,我導入的北京地圖
之后左側會出現地圖的樣式,右側為geojson文件內容,如果有需要顯示比縣級更進一級的,比如街道,小伙伴就可以自己動手畫了
這就是一些工具,可以畫線條,矩形,或者不規則形狀都可以,完全考驗眼力和手殘程度,
制作完成點擊save,然后選擇文件格式就可以下載了
有些小細節要注意,echarts只支持矩形和不規則形狀,并不支持線段,所以畫了也顯示不出來,這個很頭疼,想畫線路圖的小伙伴,可以參考下我這篇
https://blog.csdn.net/qq_32610671/article/details/103202047
至此就大功告成了,以后想怎么畫就怎么畫,再也不用到處找資源了
摸著我略微發涼的頭皮,目光遠眺,我仿佛看到了那天夕陽的奔跑,那是我逝去的青春!!!
總結
以上是生活随笔為你收集整理的搞定echarts地图,想怎么自定义都行的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 湖北省神农架林区谷歌高清卫星地图下载
- 下一篇: 通天阁塔机器人图片_日本人心中的电视塔T