echarts襄阳市襄城区geoJson地图 visualMap控制地图颜色代码演示

geoJson yekong

可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理襄阳市襄城区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

襄阳市襄城区,位于中国湖北省襄阳市中心,是一个历史悠久的区域。它不仅是襄阳市的政治、经济和文化中心,还因其丰富的历史遗迹和文化景点而闻名。襄城区拥有多个历史时期的古迹,包括古城墙、庙宇和古建筑,展现了中国古代文化和建筑艺术的魅力。该区域也是商业和旅游的热点,吸引着众多游客和本地居民。襄城区的现代化建设与古老文化的融合,使其成为了一个独特而迷人的地方。

动态效果

echarts襄阳市襄城区geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts襄阳市襄城区geoJson地图 visualMap控制地图颜色

echarts襄阳市襄城区geoJson地图label自定义样式

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

echarts襄阳市襄城区geoJson地图label自定义样式

echarts襄阳市襄城区geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts襄阳市襄城区geoJson地图区域闪烁

threejs襄阳市襄城区geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话,可以观看threejs视频课程 Three.js前端3D可视化

threejs襄阳市襄城区geoJson地图3d地图红色描边闪烁警报

threejs襄阳市襄城区geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs襄阳市襄城区geoJson地图3d地图自定义贴图加CSS3D标签

threejs襄阳市襄城区geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs襄阳市襄城区geoJson地图3d地图添加金色效果

襄阳市襄城区 下辖有 卧龙镇,尹集乡,檀溪街道,王府街道,余家湖街道,隆中街道,欧庙镇,庞公街道,昭明街道

襄阳市襄城区下辖区域坐标

{"卧龙镇":[111.9446045464903,31.97794177001865],"尹集乡":[112.09122131562117,31.94279664996345],"檀溪街道":[112.10960414375269,31.99990446903334],"王府街道":[112.14229873826389,32.00421904443263],"余家湖街道":[112.15220293479076,31.92550042071443],"隆中街道":[112.0494270388296,32.00147523439038],"欧庙镇":[112.11923129377954,31.84958664461714],"庞公街道":[112.16934289990763,32.00738991319205],"昭明街道":[112.15102726280996,32.0240257279405]}

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

相关资源下载

襄阳市襄城区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts襄阳市襄城区geoJson地图 visualMap控制地图颜色代码演示