数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理怀化市辰溪县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts怀化市辰溪县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts怀化市辰溪县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts怀化市辰溪县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
threejs怀化市辰溪县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣,可以观看threejs视频课程 WebGL前端3D可视化教程
threejs怀化市辰溪县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
怀化市辰溪县 下辖有 船溪乡,辰阳镇,桥头溪乡,火马冲镇,苏木溪瑶族乡,修溪镇,孝坪镇,安坪镇,柿溪乡,潭湾镇,锦滨镇,大水田乡,谭家场乡,长田湾乡,黄溪口镇,龙头庵乡,龙泉岩乡,后塘瑶族乡,田湾镇,小龙门乡,上蒲溪瑶族乡,仙人湾瑶族乡,罗子山瑶族乡
怀化市辰溪县下辖区域坐标
{"船溪乡":[110.23823955543116,28.18132041783785],"辰阳镇":[110.21235531462446,28.04369051251401],"桥头溪乡":[110.07178901283702,27.76920201185826],"火马冲镇":[110.23330373525343,27.87335381008537],"苏木溪瑶族乡":[110.48061304357738,27.71687820633298],"修溪镇":[110.343205553786,28.01836713008393],"孝坪镇":[110.19110352635994,28.01685805966887],"安坪镇":[110.11740355116157,27.86536407274912],"柿溪乡":[110.33073545159073,27.95439361216341],"潭湾镇":[110.12722832392674,27.96397424111851],"锦滨镇":[110.20600615110007,27.94691229957726],"大水田乡":[109.97728601973557,27.78991294361174],"谭家场乡":[110.44513755975464,28.00841901682305],"长田湾乡":[110.24720812873605,27.76507907566393],"黄溪口镇":[110.39205148944231,27.73416126828169],"龙头庵乡":[110.37203544488844,27.6743371445889],"龙泉岩乡":[110.07244190881515,27.82242618867373],"后塘瑶族乡":[110.45214297768482,27.77438006821337],"田湾镇":[110.27724941105446,28.12158780566229],"小龙门乡":[110.15604388804007,27.78534715607428],"上蒲溪瑶族乡":[110.40029808960651,27.61814109189312],"仙人湾瑶族乡":[110.30518225431621,27.75674095693072],"罗子山瑶族乡":[110.44708086035382,27.66965026731374]}
怀化市辰溪县行政划分代码
[{"name":"船溪乡","code":"431223200000"},{"name":"辰阳镇","code":"431223100000"},{"name":"桥头溪乡","code":"431223216000"},{"name":"火马冲镇","code":"431223103000"},{"name":"苏木溪瑶族乡","code":"431223207000"},{"name":"修溪镇","code":"431223109000"},{"name":"孝坪镇","code":"431223101000"},{"name":"安坪镇","code":"431223106000"},{"name":"柿溪乡","code":"431223221000"},{"name":"潭湾镇","code":"431223105000"},{"name":"锦滨镇","code":"431223108000"},{"name":"大水田乡","code":"431223215000"},{"name":"谭家场乡","code":"431223222000"},{"name":"长田湾乡","code":"431223204000"},{"name":"黄溪口镇","code":"431223104000"},{"name":"龙头庵乡","code":"431223211000"},{"name":"龙泉岩乡","code":"431223218000"},{"name":"后塘瑶族乡","code":"431223206000"},{"name":"田湾镇","code":"431223102000"},{"name":"小龙门乡","code":"431223205000"},{"name":"上蒲溪瑶族乡","code":"431223209000"},{"name":"仙人湾瑶族乡","code":"431223210000"},{"name":"罗子山瑶族乡","code":"431223208000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看