可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是新乡市牧野区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
牧野区隶属于 河南省 新乡市 ,位于新乡市市区中北部,东西横穿整个新乡市区。牧野区辖7个街道,总面积89.2平方千米。
根据第七次人口普查数据,截至2020年11月1日零时,牧野区常住人口378775人。
牧野区古属冀州,商汤时期为京畿之地。境内遗存有春秋时期卫国贤人蘧伯玉故居和仰韶文化、龙山文化遗址,以及太公庙、兴国寺等市级文物重点保护单位。
2020年,全区生产总值完成215.06亿元,比上年增长0.3%。
echarts新乡市牧野区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts新乡市牧野区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts新乡市牧野区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs新乡市牧野区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs视频教程 Three.js视频教程3D可视化
threejs新乡市牧野区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js前端3D可视化
threejs新乡市牧野区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs视频 Three.js视频教程3D可视化
新乡市牧野区下辖有新辉路街道,和平路街道,荣校路街道,新乡化学与物理电源产业园区,花园街道,北干道街道,牧野乡,王村镇,卫北街道,东干道街道
新乡市牧野区下辖区域坐标
{"新辉路街道":[113.85175346412686,35.32239595533878],"和平路街道":[113.87748721151715,35.31400431315384],"荣校路街道":[113.8938825444337,35.31219713183091],"新乡化学与物理电源产业园区":[113.95638432655903,35.35434887902422],"花园街道":[113.8747369320088,35.31230957128767],"北干道街道":[113.87512695766222,35.32509187660843],"牧野乡":[113.91414181161659,35.34553884744591],"王村镇":[113.82944273884567,35.33848781280999],"卫北街道":[113.86197272634962,35.32198787212823],"东干道街道":[113.89967862724437,35.3277869869651]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。