大屏数据可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理永州市冷水滩区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts永州市冷水滩区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts永州市冷水滩区geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts永州市冷水滩区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
threejs永州市冷水滩区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣，可以观看threejs视频课程 Three.js前端3D可视化教程
threejs永州市冷水滩区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
永州市冷水滩区 下辖有 梧桐街道,肖家园街道,伊塘镇,蔡市镇,菱角山街道,凤凰街道,曲河街道,普利桥镇,杨村甸乡,梅湾街道,牛角坝镇,珊瑚街道,花桥街镇,高溪市镇,黄阳司镇,杨家桥街道,上岭桥镇
永州市冷水滩区下辖区域坐标
{"梧桐街道":[111.58575158076818,26.46381385229083],"肖家园街道":[111.5870992895778,26.44812444248094],"伊塘镇":[111.75345529163447,26.39083961602735],"蔡市镇":[111.56864956432841,26.30366031365262],"菱角山街道":[111.61053578829342,26.46070782816698],"凤凰街道":[111.61035040263411,26.4856427680184],"曲河街道":[111.6660897102973,26.36614758933101],"普利桥镇":[111.58780230639368,26.68408069976443],"杨村甸乡":[111.56026244265709,26.75538451832104],"梅湾街道":[111.61892339272669,26.44072871372827],"牛角坝镇":[111.58319865706846,26.60693437781472],"珊瑚街道":[111.56190107128982,26.49724282495811],"花桥街镇":[111.50028307134035,26.71598686345047],"高溪市镇":[111.62967651335455,26.55359366173141],"黄阳司镇":[111.69246561395849,26.65225506062275],"杨家桥街道":[111.55330086341701,26.40764980677669],"上岭桥镇":[111.70500036318212,26.4857770310145]}
永州市冷水滩区行政划分代码
[{"name":"梧桐街道","code":"431103005000"},{"name":"肖家园街道","code":"431103003000"},{"name":"伊塘镇","code":"431103108000"},{"name":"蔡市镇","code":"431103110000"},{"name":"菱角山街道","code":"431103002000"},{"name":"凤凰街道","code":"431103006000"},{"name":"曲河街道","code":"431103008000"},{"name":"普利桥镇","code":"431103102000"},{"name":"杨村甸乡","code":"431103201000"},{"name":"梅湾街道","code":"431103001000"},{"name":"牛角坝镇","code":"431103103000"},{"name":"珊瑚街道","code":"431103007000"},{"name":"花桥街镇","code":"431103101000"},{"name":"高溪市镇","code":"431103104000"},{"name":"黄阳司镇","code":"431103105000"},{"name":"杨家桥街道","code":"431103004000"},{"name":"上岭桥镇","code":"431103106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
