echarts-gl三维展示自定义地图

原创 2018年04月15日 21:49:24

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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013270065/article/details/79953838

echarts中国地图3D各个城市标点demo

<!DOCTYPE html><html><head>    <meta charset="...
  • CnmcncoCM
  • CnmcncoCM
  • 2018-04-15 21:48:01
  • 28

Echarts中自定义地图

在Echarts中,我们很多时候是只需要自己想要的几个区域的地图,这时候提供的地图就不能满足我们的需求,需要我们自己来构建自己想要的地图。 1、首先我们申明一个json对象 var myjso...
  • yan2bing
  • yan2bing
  • 2018-01-23 15:19:13
  • 430

可视化篇:mapbox + echarts-gl 展示血脉交通

好久没跟新,怕是这个爱好都要被繁忙的工作给消磨掉了。。 17年也快结束了,此篇应该是作为今年的结尾了,望来年分享更多有趣的东西。...
  • yc_1993
  • yc_1993
  • 2017-11-13 15:40:56
  • 3341

<em>OpenGL</em>实现<em>地图</em>编辑器

<em>OpenGL</em>实现<em>地图</em>编辑器,和 Direct<em>3D</em>功能一样强大... <em>OpenGL</em>实现<em>地图</em>编辑器,和 Direct<em>3D</em>功能一样强大 综合评分:2 收藏评论(8)举报 所需: 3积分/C币 下载个数: 98...
  • 2018年04月18日 00:00

echarts-gl三维展示自定义地图

echarts-gl三维展示自定义地图 使用echarts提供的echarts-gl,采用三维球体来展示自定义的地图,展示的自定义地图格式为json,利用在线转换工具将shp地图转换为json。 ...
  • u013270065
  • u013270065
  • 2018-04-15 21:49:24
  • 36

网页三维地图技术初探

根据是否需要加载地图服务器中的资源将网页三维地图技术分为两大类: 一、需要服务器配合的 1、cesiumjs    网址:http://www.cesiumjs.org     许可证:Apa...
  • svap1
  • svap1
  • 2014-06-06 11:01:55
  • 3538

Android OpenGL ES显示3D模型

这篇文章我们来来看如何将一个STL文件显示出来,把STL文件显示出来,那么我们就可以显示任意的3D模型了。下面是显示一把狙击枪的效果图:  什么是STL文件网上的解释是这样的:.stl 文件是在计算...
  • zxc123e
  • zxc123e
  • 2016-12-12 17:35:28
  • 3158

学习3D地图引擎开发技术心得

现在市场上关于学习3D技术的书籍很多,有很多写的确实很好。个人认为好书的话一本就够了,书太多看的头晕眼花的也消化不了。我从开始学习到现在开了不下百本的相关资料,但主要还是围绕着基本学习资料在看。重要的...
  • u013220054
  • u013220054
  • 2016-10-22 11:31:24
  • 1227

Qt三维地图源码

  • 2017年03月23日 21:31
  • 4.71MB
  • 下载

安卓智能地图开发与实施二十二:展示三维场景 - ArcGIS Runtime SDK for Android(Version 100.1.0)

展示三维场景(ArcGISScene)三维通过接近真实世界的角度来可视化数据信息 三维场景的使用类似于MapView和ArcGISMap,二维数据皆可加入三维场景 三维场景不同于二维,其具备高程表...
  • allenlu2008
  • allenlu2008
  • 2017-11-28 15:07:53
  • 565
收藏助手
不良信息举报
您举报文章:echarts-gl三维展示自定义地图
举报原因:
原因补充:

(最多只允许输入30个字)