数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理焦作市山阳区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
山阳区，隶属于河南省 焦作市 ，焦作古称山阳大地，山阳区是河南省焦作市的核心城区 [1] ，北依太行山与山西接壤，南临黄河，与郑州、洛阳隔河相望，是焦作市经济、文化、金融和商业中心。山阳区总面积65.7平方公里，辖9个街道，19个行政村，35个社区。 [1-2] 根据第七次人口普查数据，截至2020年11月1日零时，山阳区常住人口303222人。
echarts焦作市山阳区geoJson地图飞线图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts焦作市山阳区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts焦作市山阳区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs焦作市山阳区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放,如果对threejs感兴趣，可以观看threejs视频 WebGL 3D可视化教程
threejs焦作市山阳区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话，可以观看threejs视频 WebGL/Three.js前端高薪3D可视化
threejs焦作市山阳区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频 Three.js视频教程3D可视化
焦作市山阳区下辖有定和街道,百间房街道,太行街道,李万街道,焦东街道,艺新街道,宁郭镇,阳庙镇,中星街道,光亚街道,文昌街道,文苑街道,苏家作乡,新城街道,东方红街道
焦作市山阳区下辖区域坐标
{"定和街道":[113.24876954031609,35.22335060826658],"百间房街道":[113.25715837416024,35.25813730719641],"太行街道":[113.24174036923276,35.26193443064417],"李万街道":[113.23634377090453,35.17331849477268],"焦东街道":[113.2651859138477,35.24818727926852],"艺新街道":[113.25089722959737,35.24768126329835],"宁郭镇":[113.35649685717755,35.1358168984017],"阳庙镇":[113.14767403163097,35.16916843302723],"中星街道":[113.28901577742926,35.28316753751035],"光亚街道":[113.25359645473142,35.23196420985303],"文昌街道":[113.32997726254878,35.17233530889884],"文苑街道":[113.28503969152159,35.18841493307426],"苏家作乡":[113.13640559695094,35.12582680474503],"新城街道":[113.31735597404615,35.20891315250701],"东方红街道":[113.23622961485688,35.24409839405189]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
