echarts-gl三維展示自定義地圖

echarts-gl三維展示自定義地圖

使用echarts提供的echarts-gl,採用三維球體來展示自定義的地圖,展示的自定義地圖格式爲json,利用在線轉換工具將shp地圖轉換爲json。
轉換工具地址:http://mapshaper.org/
轉換過程如下:
首先選擇select,導入地圖數據
這裏寫圖片描述
選擇.shp結尾的文件,shp數據由arcmap做出來的
這裏寫圖片描述
選擇export,導出地圖
這裏寫圖片描述
選擇geojson格式導出
這裏寫圖片描述
至此,自定義地圖數據準備完畢。
然後使用echarts-gl提供的api編寫代碼,在三維球體顯示自定義地圖,展示效果如下:
這裏寫圖片描述
源碼和數據在這裏
提示:採用IE打開,解壓後放到Tomcat下,防止出現跨域無法訪問的問題
Apache tomcat:將項目放在../apache-tomcat-x.x.xx/webapps/下,假設項目名是 Proj命令行進入../apache-tomcat-x.x.xx/bin/,輸入命令:startup.bat在瀏覽器地址欄輸入:http://localhost:8080/Proj/index.html

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