echarts荆州市荆州区geoJson地图3d地图演示实例

geoJson yekong 136℃

可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是荆州市荆州区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

荆州区位于湖北省荆州市,占据湖北省中南部的位置,是荆州市市区的西端。它与沙市区相邻,北部接壤荆门市,西北和西部与当阳、枝江市接壤,南部与公安县及松滋市相邻。荆州区总面积为1045.8平方千米,占荆州市国土面积的7.4%。截至2022年末,荆州区的常住人口为57.92万人。荆州区作为荆州市的中心城区,拥有省委省政府支持的古城疏散与保护战略,以及位于荆州区的两个功能区(荆州高新区、纪南文旅区)。荆州区的经济以机械汽配、化工医药、农产品加工、轻工建材、纺织服装、电子信息等产业为主导。此外,荆州区还是省级全域旅游示范区、省级“双创”示范基地、省级现代服务业综合改革示范区、国家级农村产业融化发展示园区、省级川店楚风特色小镇等一系列金字招牌的所在地。

echarts荆州市荆州区geoJson地图3d地图演示实例

动态效果

echarts荆州市荆州区geoJson地图3d地图

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts荆州市荆州区geoJson地图3d地图

echarts荆州市荆州区geoJson地图自定义label样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts荆州市荆州区geoJson地图自定义label样式

echarts荆州市荆州区geoJson地图3d地图实例旋转动画

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts荆州市荆州区geoJson地图3d地图实例旋转动画

threejs荆州市荆州区geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣,可以观看threejs视频 Three.js前端3D可视化

threejs荆州市荆州区geoJson地图3d地图CSS3D标签

threejs荆州市荆州区geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs荆州市荆州区geoJson地图3d地图红色描边闪烁警报

threejs荆州市荆州区geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs荆州市荆州区geoJson地图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地图效果展示。

相关资源下载

荆州市荆州区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts荆州市荆州区geoJson地图3d地图演示实例