可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理铜仁市碧江区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts铜仁市碧江区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts铜仁市碧江区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts铜仁市碧江区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs铜仁市碧江区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js前端3D可视化
threejs铜仁市碧江区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
铜仁市碧江区 下辖有 市中街道,和平乡,漾头镇,瓦屋乡,云场坪镇,六龙山乡,桐木坪乡,河西街道,环北街道,坝黄镇,川硐镇,滑石乡,灯塔街道
铜仁市碧江区下辖区域坐标
{"市中街道":[],"和平乡":[109.0836682028604,27.81050226882576],"漾头镇":[109.35914060518833,27.69557765847645],"瓦屋乡":[109.40264328980491,27.61170255453385],"云场坪镇":[109.33120410628098,27.75963063155656],"六龙山乡":[109.30168648928162,27.65687472252781],"桐木坪乡":[109.07671342506367,27.66890002833076],"河西街道":[109.15025397558863,27.72203560068445],"环北街道":[109.19482610244384,27.72466543160225],"坝黄镇":[109.02923477610508,27.71008358146369],"川硐镇":[109.2161961825106,27.815116690618],"滑石乡":[109.27354151487889,27.80602258877092],"灯塔街道":[109.25795975091316,27.72109762472241]}
铜仁市碧江区行政划分代码
[{"name":"市中街道","code":""},{"name":"和平乡","code":""},{"name":"漾头镇","code":"520602103000"},{"name":"瓦屋乡","code":""},{"name":"云场坪镇","code":"520602102000"},{"name":"六龙山乡","code":""},{"name":"桐木坪乡","code":""},{"name":"河西街道","code":"520602003000"},{"name":"环北街道","code":"520602002000"},{"name":"坝黄镇","code":"520602101000"},{"name":"川硐镇","code":""},{"name":"滑石乡","code":""},{"name":"灯塔街道","code":"520602005000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
