数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理黔南布依族苗族自治州三都水族自治县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts黔南布依族苗族自治州三都水族自治县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts黔南布依族苗族自治州三都水族自治县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts黔南布依族苗族自治州三都水族自治县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
threejs黔南布依族苗族自治州三都水族自治县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs课程视频 WebGL/Three.js前端高薪3D可视化
threejs黔南布依族苗族自治州三都水族自治县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs黔南布依族苗族自治州三都水族自治县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
黔南布依族苗族自治州三都水族自治县 下辖有 恒丰乡,打鱼乡,普安镇,水龙乡,羊福乡,都江镇,合江镇,拉揽乡,丰乐镇,中和镇,周覃镇,巫不乡,扬拱乡,三合镇,三洞乡,九阡镇,交梨乡,坝街乡,塘州乡,大河镇,廷牌镇
黔南布依族苗族自治州三都水族自治县下辖区域坐标
{"恒丰乡":[107.82804907548004,25.62488326113169],"打鱼乡":[108.00408095595455,26.02048166892513],"普安镇":[107.77878733319605,26.08475180328478],"水龙乡":[107.91805011445214,25.86630461327053],"羊福乡":[108.11604155363649,26.05704917402992],"都江镇":[108.08339269775445,25.9580803003958],"合江镇":[107.75674822465758,25.87236264276021],"拉揽乡":[107.96882375653513,25.955257839608],"丰乐镇":[107.74265639549382,26.004416439197],"中和镇":[107.93930443132516,25.80283554776413],"周覃镇":[107.91296253098274,25.62815206651851],"巫不乡":[108.19385055034729,26.01496319196758],"扬拱乡":[108.04768138864432,25.71274649859766],"三合镇":[107.88681079535988,25.98124031724746],"三洞乡":[107.95605678460703,25.7313777608206],"九阡镇":[108.04706969549082,25.61138599849751],"交梨乡":[107.87635260668247,26.06656708610577],"坝街乡":[108.0579902941808,25.83011609252529],"塘州乡":[107.84752032671332,25.79867584532934],"大河镇":[107.79192411867116,25.92987095617814],"廷牌镇":[107.83055973232624,25.7023633405055]}
黔南布依族苗族自治州三都水族自治县行政划分代码
[{"name":"恒丰乡","code":""},{"name":"打鱼乡","code":""},{"name":"普安镇","code":"522732112000"},{"name":"水龙乡","code":""},{"name":"羊福乡","code":""},{"name":"都江镇","code":"522732113000"},{"name":"合江镇","code":""},{"name":"拉揽乡","code":""},{"name":"丰乐镇","code":""},{"name":"中和镇","code":"522732114000"},{"name":"周覃镇","code":"522732115000"},{"name":"巫不乡","code":""},{"name":"扬拱乡","code":""},{"name":"三合镇","code":""},{"name":"三洞乡","code":""},{"name":"九阡镇","code":"522732116000"},{"name":"交梨乡","code":""},{"name":"坝街乡","code":""},{"name":"塘州乡","code":""},{"name":"大河镇","code":"522732111000"},{"name":"廷牌镇","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
