本文主要是介绍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
这篇关于echarts-gl三维展示自定义地图的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!