数据可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是泉州市安溪县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts泉州市安溪县geoJson地图label自定义样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts泉州市安溪县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts泉州市安溪县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs泉州市安溪县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果对threejs感兴趣，可以观看threejs课程视频 Three.js前端3D可视化教程
threejs泉州市安溪县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs泉州市安溪县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
泉州市安溪县 下辖有 魁斗镇,龙涓乡,龙门镇,凤城镇,剑斗镇,参内乡,城厢镇,大坪乡,官桥镇,尚卿乡,感德镇,桃舟乡,湖上乡,湖头镇,白濑乡,祥华乡,福田乡,芦田镇,蓝田乡,蓬莱镇,虎邱镇,西坪镇,金谷镇,长坑乡
泉州市安溪县下辖区域坐标
{"魁斗镇":[118.17161034670526,25.1356850087097],"龙涓乡":[117.72314717250177,24.96987102315122],"龙门镇":[118.07174920849306,24.93089532740533],"凤城镇":[118.17087214842877,25.07293103144267],"剑斗镇":[117.94491755829269,25.32815729746411],"参内乡":[118.23855731990542,25.0926368503039],"城厢镇":[118.18287462414429,25.05325471408734],"大坪乡":[117.9606104505431,24.89759692630581],"官桥镇":[118.07378692455924,25.0340073977649],"尚卿乡":[117.9597619700715,25.14272893019656],"感德镇":[117.77965221227531,25.31692918916504],"桃舟乡":[117.7427870937816,25.37254732952728],"湖上乡":[117.98101354368279,25.26145987765631],"湖头镇":[118.03991128156156,25.24115497802265],"白濑乡":[118.00693399878423,25.30805328849088],"祥华乡":[117.71104529364356,25.16697439392275],"福田乡":[117.65268717615757,25.24037172665257],"芦田镇":[117.83177176653456,25.04817671356904],"蓝田乡":[117.85329002332116,25.11794486612293],"蓬莱镇":[118.05497100546688,25.1280697184458],"虎邱镇":[117.9285009932884,24.98203410551816],"西坪镇":[117.90094687988187,25.00592037992332],"金谷镇":[118.10138878283726,25.21998592642539],"长坑乡":[117.86092092208597,25.21292400133557]}
泉州市安溪县行政划分代码
[{"name":"魁斗镇","code":"350524111000"},{"name":"龙涓乡","code":"350524205000"},{"name":"龙门镇","code":"350524107000"},{"name":"凤城镇","code":"350524100000"},{"name":"剑斗镇","code":"350524104000"},{"name":"参内乡","code":""},{"name":"城厢镇","code":"350524105000"},{"name":"大坪乡","code":"350524204000"},{"name":"官桥镇","code":"350524103000"},{"name":"尚卿乡","code":"350524203000"},{"name":"感德镇","code":"350524110000"},{"name":"桃舟乡","code":"350524209000"},{"name":"湖上乡","code":"350524202000"},{"name":"湖头镇","code":"350524102000"},{"name":"白濑乡","code":"350524201000"},{"name":"祥华乡","code":"350524208000"},{"name":"福田乡","code":"350524210000"},{"name":"芦田镇","code":"350524109000"},{"name":"蓝田乡","code":"350524207000"},{"name":"蓬莱镇","code":"350524101000"},{"name":"虎邱镇","code":"350524108000"},{"name":"西坪镇","code":"350524112000"},{"name":"金谷镇","code":"350524106000"},{"name":"长坑乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
