数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是襄阳市老河口市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
襄阳市老河口市位于中国湖北省西北部，是襄阳市下辖的一个县级市。历史悠久的老河口市毗邻汉江，具有丰富的自然资源和重要的地理位置。这个城市在中国历史上曾经是重要的交通枢纽，特别是在明清时期，它作为水陆交通的要点，曾经极为繁荣。老河口市以其丰富的文化遗产和自然景观吸引了众多游客。现代的老河口市在保留历史风貌的同时，也积极发展现代工业，成为襄阳市重要的工业基地之一。此外，老河口市还是一座生态友好型城市，拥有良好的生态环境和多样的生物种类。
动态效果
echarts襄阳市老河口市geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts襄阳市老河口市geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts襄阳市老河口市geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs襄阳市老河口市geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs课程视频 WebGL前端3D可视化教程
threejs襄阳市老河口市geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs襄阳市老河口市geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
襄阳市老河口市 下辖有 百花山林场,光化街道,蔬菜原种场,二房营原种场,洪山嘴镇,竹林桥镇,酂阳街道,薛集镇,袁冲乡,仙人渡镇,孟楼镇,张集镇,李楼镇,林茂山林场
襄阳市老河口市下辖区域坐标
{"百花山林场":[111.71603317266498,32.38720877389194],"光化街道":[111.70486124339752,32.4234987468332],"蔬菜原种场":[111.68743284180889,32.41936778491232],"二房营原种场":[111.87749118866648,32.38094642688525],"洪山嘴镇":[111.61889406742762,32.52952051783287],"竹林桥镇":[111.82370584086462,32.44348892847678],"酂阳街道":[111.66217689390007,32.35269926307897],"薛集镇":[111.93648374732425,32.45513558035255],"袁冲乡":[111.72553432490909,32.52907017216808],"仙人渡镇":[111.7496876294886,32.24941237174576],"孟楼镇":[111.8222962474619,32.4987554114074],"张集镇":[111.84185376319324,32.35653408877249],"李楼镇":[111.71511868401967,32.3529219232525],"林茂山林场":[111.63867525448785,32.57644138033449]}
襄阳市老河口市行政划分代码
[{"name":"百花山林场","code":"420682502000"},{"name":"光化街道","code":"420682001000"},{"name":"蔬菜原种场","code":"420682501000"},{"name":"二房营原种场","code":""},{"name":"洪山嘴镇","code":"420682105000"},{"name":"竹林桥镇","code":"420682101000"},{"name":"酂阳街道","code":"420682002000"},{"name":"薛集镇","code":"420682102000"},{"name":"袁冲乡","code":"420682200000"},{"name":"仙人渡镇","code":"420682104000"},{"name":"孟楼镇","code":"420682100000"},{"name":"张集镇","code":"420682103000"},{"name":"李楼镇","code":"420682106000"},{"name":"林茂山林场","code":"420682503000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
