数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理安阳市文峰区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
文峰区,隶属于河南省安阳市,位于安阳市东南部,是安阳市辖区之一,是安阳市的政治、经济和文化中心,是安阳市核心城区,总面积118.4平方公里。根据第七次全国人口普查数据,截至2020年11月1日零时,文峰区常住人口579101人。
文峰区内的安阳古城(又名彰德府城,为唐宋邺城),是国家历史文化名城。古建筑有五代后周建文峰塔(原名天宁寺塔)、宋代昼锦堂记碑、元代小白塔、明代高阁寺、清代“府城蝗庙”等。
2020年,文峰区地区生产总值完成158.4亿元,同比增长2.8%。第三产业增加值 完成137.3亿元,同比增长4.4%。
echarts安阳市文峰区geoJson地图迁徙图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts安阳市文峰区geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts安阳市文峰区geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs安阳市文峰区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频 Three.js前端3D可视化教程
threejs安阳市文峰区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs视频 WebGL/Three.js前端高薪3D可视化
threejs安阳市文峰区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话,可以观看threejs教程视频 Three.js视频教程3D可视化
安阳市文峰区下辖有北大街街道,南关街道,高庄镇,东关街道,宝莲寺镇,西关街道,中华路街道,光华路街道,头二三街道,永明路街道,东大街街道,甜水井街道,西大街街道,紫薇大道街道,开发区峨嵋大街街道,北大街综合治理办公室,步行街综合治理办公室,开发区银杏大街街道,开发区商颂大街街道
安阳市文峰区下辖区域坐标
{"北大街街道":[114.34338994833546,36.10125161690071],"南关街道":[114.34918900106584,36.0810077732523],"高庄镇":[114.46338379044207,36.02815413229363],"东关街道":[114.37097505942569,36.09365011152408],"宝莲寺镇":[114.3969486863274,35.99583938210247],"西关街道":[114.33652184773149,36.08544104238486],"中华路街道":[114.41885197928323,36.07700080536043],"光华路街道":[114.37050788557225,36.08197175080254],"头二三街道":[114.35641956783809,36.09566974879611],"永明路街道":[114.3952827340579,36.1043596294495],"东大街街道":[114.35077848650806,36.0944367191636],"甜水井街道":[114.35341932389647,36.10133386870321],"西大街街道":[114.34344950279694,36.09434206381533],"紫薇大道街道":[114.37076418082479,36.10451903640731],"开发区峨嵋大街街道":[114.35303905302621,36.0523805612509],"北大街综合治理办公室":[114.34793661248023,36.10142345357686],"步行街综合治理办公室":[114.34520290206473,36.09804641974422],"开发区银杏大街街道":[114.38352051860596,36.06504547669974],"开发区商颂大街街道":[114.38410321323549,36.04295149373041]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。