大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是泉州市永春县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts泉州市永春县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts泉州市永春县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts泉州市永春县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs泉州市永春县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果对threejs感兴趣，可以观看threejs视频 WebGL前端3D可视化教程
threejs泉州市永春县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs泉州市永春县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
泉州市永春县 下辖有 仙夹镇,吾峰镇,呈祥乡,苏坑镇,一都镇,下洋镇,东关镇,东平镇,介福乡,外山乡,岵山镇,桂洋镇,桃城镇,横口乡,湖洋镇,玉斗镇,石鼓镇,蓬壶镇,达埔镇,锦斗镇,五里街镇,坑仔口镇
泉州市永春县下辖区域坐标
{"仙夹镇":[118.20309299055842,25.25099228351166],"吾峰镇":[118.23212098122379,25.39547220561304],"呈祥乡":[118.14779199635123,25.4405841528601],"苏坑镇":[118.20132283012364,25.43263308426832],"一都镇":[117.7970372490511,25.45105339952472],"下洋镇":[117.9627220439389,25.47767263915497],"东关镇":[118.39429942889342,25.31436863202794],"东平镇":[118.33279212666625,25.3035907334913],"介福乡":[118.33268572442553,25.4333120885236],"外山乡":[118.4843307685651,25.32816800002774],"岵山镇":[118.24318339504184,25.26542800433944],"桂洋镇":[118.06520861886104,25.48791602670418],"桃城镇":[118.31222959368186,25.34573822161083],"横口乡":[117.87937792138688,25.4344871482003],"湖洋镇":[118.4413995647605,25.39516706600535],"玉斗镇":[118.04068437998521,25.37545244723967],"石鼓镇":[118.23181967582576,25.34204206922345],"蓬壶镇":[118.14033695659973,25.38560973784288],"达埔镇":[118.11743781489733,25.31214190064708],"锦斗镇":[118.09118611187996,25.43744358521527],"五里街镇":[118.28930662677735,25.36880943868496],"坑仔口镇":[117.98047358111162,25.43162003335991]}
泉州市永春县行政划分代码
[{"name":"仙夹镇","code":"350525117000"},{"name":"吾峰镇","code":"350525106000"},{"name":"呈祥乡","code":"350525201000"},{"name":"苏坑镇","code":"350525116000"},{"name":"一都镇","code":"350525102000"},{"name":"下洋镇","code":"350525103000"},{"name":"东关镇","code":"350525114000"},{"name":"东平镇","code":"350525109000"},{"name":"介福乡","code":"350525202000"},{"name":"外山乡","code":"350525204000"},{"name":"岵山镇","code":"350525108000"},{"name":"桂洋镇","code":"350525115000"},{"name":"桃城镇","code":"350525100000"},{"name":"横口乡","code":"350525200000"},{"name":"湖洋镇","code":"350525110000"},{"name":"玉斗镇","code":"350525112000"},{"name":"石鼓镇","code":"350525107000"},{"name":"蓬壶镇","code":"350525104000"},{"name":"达埔镇","code":"350525105000"},{"name":"锦斗镇","code":"350525113000"},{"name":"五里街镇","code":"350525101000"},{"name":"坑仔口镇","code":"350525111000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
