可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是荆州市荆州区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
荆州区位于湖北省荆州市，占据湖北省中南部的位置，是荆州市市区的西端。它与沙市区相邻，北部接壤荆门市，西北和西部与当阳、枝江市接壤，南部与公安县及松滋市相邻。荆州区总面积为1045.8平方千米，占荆州市国土面积的7.4%。截至2022年末，荆州区的常住人口为57.92万人。荆州区作为荆州市的中心城区，拥有省委省政府支持的古城疏散与保护战略，以及位于荆州区的两个功能区（荆州高新区、纪南文旅区）。荆州区的经济以机械汽配、化工医药、农产品加工、轻工建材、纺织服装、电子信息等产业为主导。此外，荆州区还是省级全域旅游示范区、省级“双创”示范基地、省级现代服务业综合改革示范区、国家级农村产业融化发展示园区、省级川店楚风特色小镇等一系列金字招牌的所在地。
动态效果
echarts荆州市荆州区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts荆州市荆州区geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts荆州市荆州区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs荆州市荆州区geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣，可以观看threejs视频 Three.js前端3D可视化
threejs荆州市荆州区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs荆州市荆州区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
荆州市荆州区 下辖有 太湖港管理区,东城街道,城南街道,李埠镇,菱角湖管理区,西城街道,川店镇,弥市镇,纪南镇,郢城镇,马山镇,八岭山镇
荆州市荆州区下辖区域坐标
{"太湖港管理区":[],"东城街道":[112.21253117154808,30.35141978448298],"城南街道":[112.17475552107442,30.33489300780214],"李埠镇":[112.06211369789317,30.35332070706908],"菱角湖管理区":[111.94539352003574,30.46973503644751],"西城街道":[112.18644818935567,30.35825427111948],"川店镇":[112.07304062573354,30.5726150440909],"弥市镇":[112.06553948265102,30.20621747006259],"纪南镇":[112.22993934808197,30.43314559070379],"郢城镇":[112.20886967507133,30.39396900899133],"马山镇":[112.07590917812243,30.49256209014456],"八岭山镇":[112.08324004749653,30.41586539123171]}
荆州市荆州区行政划分代码
[{"name":"太湖港管理区","code":"421003450000"},{"name":"东城街道","code":"421003002000"},{"name":"城南街道","code":"421003003000"},{"name":"李埠镇","code":"421003104000"},{"name":"菱角湖管理区","code":"421003451000"},{"name":"西城街道","code":"421003001000"},{"name":"川店镇","code":"421003101000"},{"name":"弥市镇","code":"421003105000"},{"name":"纪南镇","code":"421003100000"},{"name":"郢城镇","code":"421003106000"},{"name":"马山镇","code":"421003102000"},{"name":"八岭山镇","code":"421003103000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
