大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理舟山市岱山县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts舟山市岱山县geoJson地图迁徙图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts舟山市岱山县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts舟山市岱山县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs舟山市岱山县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs课程视频 Three.js前端3D可视化教程
threejs舟山市岱山县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs舟山市岱山县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
舟山市岱山县 下辖有 东沙镇,岱东镇,岱西镇,秀山乡,衢山镇,长涂镇,高亭镇
舟山市岱山县下辖区域坐标
{"东沙镇":[122.16418810793081,30.31761426066369],"岱东镇":[122.20892725277595,30.29956457165786],"岱西镇":[122.08589006949308,30.29266272171493],"秀山乡":[122.214466192276,30.16665513260422],"衢山镇":[122.39067814354075,30.50395234336062],"长涂镇":[122.42155019999993,30.24056982232017],"高亭镇":[121.90952089128038,30.28172391320937]}
舟山市岱山县行政划分代码
[{"name":"东沙镇","code":"330921101000"},{"name":"岱东镇","code":"330921102000"},{"name":"岱西镇","code":"330921103000"},{"name":"秀山乡","code":"330921200000"},{"name":"衢山镇","code":"330921106000"},{"name":"长涂镇","code":"330921105000"},{"name":"高亭镇","code":"330921100000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看