数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理福州市永泰县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts福州市永泰县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts福州市永泰县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts福州市永泰县geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs福州市永泰县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果对threejs感兴趣，可以观看threejs视频教程 Three.js 3D可视化
threejs福州市永泰县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs福州市永泰县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
福州市永泰县 下辖有 岭路乡,嵩口镇,梧桐镇,清凉镇,白云乡,城峰镇,塘前乡,大洋镇,富泉乡,霞拔乡,樟城镇,盖洋乡,盘谷乡,红星乡,葛岭镇,赤锡乡,长庆镇,东洋乡,丹云乡,同安镇,洑口乡
福州市永泰县下辖区域坐标
{"岭路乡":[118.98014240092984,25.7770436186904],"嵩口镇":[118.59353853132065,25.77801095767913],"梧桐镇":[118.73319293159335,25.75113319770144],"清凉镇":[118.92160829366374,25.94291438399748],"白云乡":[118.90668259256651,26.00993860840895],"城峰镇":[118.93516809905097,25.84916578034463],"塘前乡":[119.14396717940618,25.84188866226406],"大洋镇":[118.7934094625073,25.9133925002566],"富泉乡":[118.8388203713162,25.838738572458],"霞拔乡":[118.68793231896863,25.92225878470319],"樟城镇":[118.92343608877763,25.87125027387973],"盖洋乡":[118.4627356790434,25.85576361755301],"盘谷乡":[118.80551840623963,25.97007041740735],"红星乡":[118.84060448533225,25.99161814270899],"葛岭镇":[119.05286593321932,25.8882788543219],"赤锡乡":[118.87310481154415,25.77054010023007],"长庆镇":[118.56289037268179,25.92683286891106],"东洋乡":[118.64518776580303,25.91278806214992],"丹云乡":[119.01468309377458,25.98172449971725],"同安镇":[118.74204217961892,25.82018417227653],"洑口乡":[118.46211349610749,25.74955377017783]}
福州市永泰县行政划分代码
[{"name":"岭路乡","code":"350125202000"},{"name":"嵩口镇","code":"350125101000"},{"name":"梧桐镇","code":"350125102000"},{"name":"清凉镇","code":"350125105000"},{"name":"白云乡","code":"350125210000"},{"name":"城峰镇","code":"350125104000"},{"name":"塘前乡","code":"350125200000"},{"name":"大洋镇","code":"350125108000"},{"name":"富泉乡","code":"350125201000"},{"name":"霞拔乡","code":"350125207000"},{"name":"樟城镇","code":"350125100000"},{"name":"盖洋乡","code":"350125205000"},{"name":"盘谷乡","code":"350125208000"},{"name":"红星乡","code":"350125209000"},{"name":"葛岭镇","code":"350125103000"},{"name":"赤锡乡","code":"350125203000"},{"name":"长庆镇","code":"350125106000"},{"name":"东洋乡","code":"350125206000"},{"name":"丹云乡","code":"350125211000"},{"name":"同安镇","code":"350125107000"},{"name":"洑口乡","code":"350125204000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
