大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理盘锦市双台子区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts盘锦市双台子区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts盘锦市双台子区geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts盘锦市双台子区geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
threejs盘锦市双台子区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端3D可视化教程
threejs盘锦市双台子区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs盘锦市双台子区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
盘锦市双台子区 下辖有 东风街道,陆家乡,化工街道,辽河街道,铁东街道,双台子区良种场,红旗街道,胜利街道,双盛街道,建设街道
盘锦市双台子区下辖区域坐标
{"东风街道":[122.05463196360887,41.18467402700384],"陆家乡":[121.97175947659557,41.17825323317714],"化工街道":[122.01917202295215,41.18761016619691],"辽河街道":[],"铁东街道":[122.08231475832532,41.21713995800583],"双台子区良种场":[122.07353896602822,41.21114212861895],"红旗街道":[122.04515257046934,41.20403996179476],"胜利街道":[122.03389841861983,41.18501040844561],"双盛街道":[],"建设街道":[122.05941652439776,41.18203915611811]}
盘锦市双台子区行政划分代码
[{"name":"东风街道","code":""},{"name":"陆家乡","code":""},{"name":"化工街道","code":""},{"name":"辽河街道","code":"211102005000"},{"name":"铁东街道","code":"211102008000"},{"name":"双台子区良种场","code":""},{"name":"红旗街道","code":"211102004000"},{"name":"胜利街道","code":"211102002000"},{"name":"双盛街道","code":"211102009000"},{"name":"建设街道","code":"211102003000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
