利用echarts製作下鑽到鄉鎮/街道的地圖

需求

展示西安市各區縣的地圖,點擊各區縣下鑽到各鄉鎮/街道,只能內網環境使用,不可用通過百度/高德地圖來實現。

解決

網絡上大部分地圖數據只是到省市,最多到區縣,再往下的數據就比較難找了;經過搜索,找到了一個可以買地圖數據的地方,數據可以精確到鄉鎮/街道,價格還比較划算;

clipboard.png
地圖數據格式爲shp(shape格式),如果需要其他的格式,得加點錢獲取比如svg、dbf、shx等額外格式的文件;
echarts支持的格式有geojson,此時我們需要一個工具把shp格式的文件轉換爲geojson格式,推薦使用在線轉換工具MyGeodata Converter,上傳時網站會提示:

Don't forgot to upload all relevant files to your .SHP file - you need at least also .DXF and .SHX files uploaded together with your .SHP file!

不僅要上傳shp格式,還要上傳dbf和shx等格式的文件,來獲得更完整的地理數據,如果把所有格式的數據都上傳了,那麼生成的geojson可能會有問題(親測),所以只上傳3種格式是比較穩妥的辦法;

clipboard.png

上傳後會跳轉到一個設置的界面,先不要點擊開始轉換按鈕,首先檢查一下轉換的編碼格式,默認爲UTF-8,如果是中文的地圖數據,最好把轉換格式切換爲GB18030-Chinese格式;然後點擊開始轉換就可以了。

clipboard.png

轉換後可以下載到.geojson格式的數據文件,放到項目中時,把.geojson格式手動修改爲.json格式,就可以被echarts使用了,直接import geojson格式的文件會報錯。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章