数据可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理凉山彝族自治州布拖县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts凉山彝族自治州布拖县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts凉山彝族自治州布拖县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts凉山彝族自治州布拖县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs凉山彝族自治州布拖县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣，可以观看threejs视频教程 Three.js前端3D可视化教程
threejs凉山彝族自治州布拖县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs凉山彝族自治州布拖县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
凉山彝族自治州布拖县 下辖有 浪珠乡,罗家坪乡,觉撒乡,采哈乡,龙潭镇,俄里坪乡,包谷坪乡,委只洛乡,牛角湾乡,特木里镇,洛古乡,四棵乡,拉达乡,乌依乡,乌科乡,乐安乡,九都乡,合井乡,火烈乡,地洛乡,基只乡,瓦都乡,拉果乡,美撒乡,拖觉镇,木尔乡,联补乡,补尔乡,补洛乡,沙洛乡
凉山彝族自治州布拖县下辖区域坐标
{"浪珠乡":[102.98204797757543,27.52525972605606],"罗家坪乡":[102.87867385234811,27.38012391129409],"觉撒乡":[102.76332093020667,27.53130396112072],"采哈乡":[102.9112665693912,27.90339242529581],"龙潭镇":[102.83370633846559,27.35415208885692],"俄里坪乡":[102.91192487063444,27.84788187176917],"包谷坪乡":[102.78644689675008,27.41478589313699],"委只洛乡":[102.95557058977904,27.88058358597284],"牛角湾乡":[102.89532576046142,27.42343950190108],"特木里镇":[102.77789349204508,27.68648103774021],"洛古乡":[102.88738053207851,27.53989451297702],"四棵乡":[102.99831005956315,27.56812287279467],"拉达乡":[102.76397004322403,27.79393087288173],"乌依乡":[102.9584866770991,27.50557747478983],"乌科乡":[102.74361549104472,27.64021832622396],"乐安乡":[102.93676460027129,27.62519249243985],"九都乡":[102.82275930372785,27.77546793264302],"合井乡":[102.80062368593178,27.33548290480024],"火烈乡":[102.91117886046808,27.71857622009525],"地洛乡":[103.01910253210775,27.68294755490809],"基只乡":[102.97939767741696,27.76471396249125],"瓦都乡":[102.9179290114721,27.77132301107615],"拉果乡":[102.91488416010188,27.48078815017695],"美撒乡":[102.84330044072018,27.48131774104196],"拖觉镇":[102.81500413956559,27.56980422330142],"木尔乡":[102.8503246280362,27.69832674398963],"联补乡":[102.96363243604662,27.81930656094545],"补尔乡":[102.86681166828087,27.62373857465891],"补洛乡":[102.96352022763367,27.69020672802622],"沙洛乡":[102.85973259863252,27.78733269239062]}
凉山彝族自治州布拖县行政划分代码
[{"name":"浪珠乡","code":""},{"name":"罗家坪乡","code":""},{"name":"觉撒乡","code":""},{"name":"采哈乡","code":""},{"name":"龙潭镇","code":"513429101000"},{"name":"俄里坪乡","code":""},{"name":"包谷坪乡","code":""},{"name":"委只洛乡","code":"513429224000"},{"name":"牛角湾乡","code":""},{"name":"特木里镇","code":"513429100000"},{"name":"洛古乡","code":""},{"name":"四棵乡","code":""},{"name":"拉达乡","code":""},{"name":"乌依乡","code":""},{"name":"乌科乡","code":""},{"name":"乐安乡","code":""},{"name":"九都乡","code":""},{"name":"合井乡","code":""},{"name":"火烈乡","code":""},{"name":"地洛乡","code":""},{"name":"基只乡","code":"513429226000"},{"name":"瓦都乡","code":""},{"name":"拉果乡","code":"513429209000"},{"name":"美撒乡","code":""},{"name":"拖觉镇","code":"513429102000"},{"name":"木尔乡","code":""},{"name":"联补乡","code":""},{"name":"补尔乡","code":"513429206000"},{"name":"补洛乡","code":""},{"name":"沙洛乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
