数据大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是凉山彝族自治州昭觉县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts凉山彝族自治州昭觉县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts凉山彝族自治州昭觉县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts凉山彝族自治州昭觉县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
threejs凉山彝族自治州昭觉县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果想系统的学习threejs的话，可以观看threejs视频 WebGL前端3D可视化教程
threejs凉山彝族自治州昭觉县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
凉山彝族自治州昭觉县 下辖有 甘多洛古乡,塘且乡,龙恩乡,龙沟乡,三岗乡,博洛乡,哈甘乡,四开乡,地莫乡,城北乡,大坝乡,尼地乡,庆恒乡,库依乡,库莫乡,新城镇,日哈乡,普诗乡,碗厂乡,柳且乡,树坪乡,格吾乡,比尔乡,永乐乡,波洛乡,竹核乡,且莫乡,则普乡,色底乡,补约乡,达洛乡,美甘乡,解放乡,谷曲乡,金曲乡,玛增依乌乡,拉一木乡,三岔河乡,支尔莫乡,央摩租乡,宜牧地乡,特布洛乡,久特洛古乡,洒拉地坡乡,特口甲谷乡,阿并洛古乡,齿可波西乡
凉山彝族自治州昭觉县下辖区域坐标
{"甘多洛古乡":[103.19843540036727,27.95597275139878],"塘且乡":[102.96986370363116,27.91511756637264],"龙恩乡":[102.84865674006971,27.89746794513459],"龙沟乡":[103.19485067405509,28.05219023313313],"三岗乡":[102.63172245443201,28.03587712634406],"博洛乡":[102.73061644934161,28.03192151306913],"哈甘乡":[103.21790880497241,28.08550651210899],"四开乡":[102.72838374858968,27.95995010665674],"地莫乡":[102.77503619558307,27.86450687754067],"城北乡":[102.85080352596698,28.04718797207963],"大坝乡":[102.78378527412495,27.93201304454545],"尼地乡":[102.53071830166039,27.92557589403753],"庆恒乡":[102.98566056906645,28.06867537163356],"库依乡":[102.83685789152302,28.13258363554158],"库莫乡":[102.70043175250086,28.09948452210504],"新城镇":[102.8169331508864,28.01815962515476],"日哈乡":[103.10946988307344,27.99271568525602],"普诗乡":[102.44552504170869,27.87646149211297],"碗厂乡":[102.51109896581549,27.83943243630091],"柳且乡":[102.70898769430997,27.87651147545223],"树坪乡":[102.7705498772556,28.00525227554792],"格吾乡":[103.04023962578559,27.98798924090697],"比尔乡":[102.80542443504987,28.1980769048204],"永乐乡":[102.86957499047617,28.21850651428076],"波洛乡":[102.73659842912453,28.28344485017738],"竹核乡":[102.90508450477918,28.08027026408305],"且莫乡":[103.19227266356489,27.9999180602816],"则普乡":[102.86021002404209,28.28183253459352],"色底乡":[102.95438295681342,28.14275225116863],"补约乡":[102.89814818175427,28.1566429703433],"达洛乡":[102.8410786221678,27.94522832234325],"美甘乡":[102.8513556042046,27.84353508000531],"解放乡":[102.57301126385781,27.85499506836941],"谷曲乡":[102.88631133854747,27.96819878794915],"金曲乡":[102.77073127657735,28.10343117080731],"玛增依乌乡":[102.41137238689063,27.82408415945263],"拉一木乡":[102.9793774945818,28.13176207572712],"三岔河乡":[102.64696117786447,27.83721455513263],"支尔莫乡":[103.26931924700219,28.01098575856761],"央摩租乡":[102.80151278786511,28.28632823129061],"宜牧地乡":[102.73761454131069,28.1788659251202],"特布洛乡":[103.01766310941292,28.01573270478309],"久特洛古乡":[102.9347641037794,27.96401386995321],"洒拉地坡乡":[102.62082395635164,27.93395654277878],"特口甲谷乡":[103.02954184838858,27.89253734245091],"阿并洛古乡":[102.93158216424024,28.01410891861266],"齿可波西乡":[103.01802970217955,27.82470719178759]}
凉山彝族自治州昭觉县行政划分代码
[{"name":"甘多洛古乡","code":""},{"name":"塘且乡","code":""},{"name":"龙恩乡","code":""},{"name":"龙沟乡","code":""},{"name":"三岗乡","code":""},{"name":"博洛乡","code":"513431210000"},{"name":"哈甘乡","code":"513431245000"},{"name":"四开乡","code":""},{"name":"地莫乡","code":""},{"name":"城北乡","code":""},{"name":"大坝乡","code":""},{"name":"尼地乡","code":""},{"name":"庆恒乡","code":"513431228000"},{"name":"库依乡","code":""},{"name":"库莫乡","code":""},{"name":"新城镇","code":"513431100000"},{"name":"日哈乡","code":"513431244000"},{"name":"普诗乡","code":""},{"name":"碗厂乡","code":""},{"name":"柳且乡","code":""},{"name":"树坪乡","code":""},{"name":"格吾乡","code":""},{"name":"比尔乡","code":""},{"name":"永乐乡","code":""},{"name":"波洛乡","code":""},{"name":"竹核乡","code":""},{"name":"且莫乡","code":""},{"name":"则普乡","code":"513431238000"},{"name":"色底乡","code":""},{"name":"补约乡","code":"513431231000"},{"name":"达洛乡","code":""},{"name":"美甘乡","code":"513431205000"},{"name":"解放乡","code":""},{"name":"谷曲乡","code":""},{"name":"金曲乡","code":"513431234000"},{"name":"玛增依乌乡","code":""},{"name":"拉一木乡","code":""},{"name":"三岔河乡","code":""},{"name":"支尔莫乡","code":""},{"name":"央摩租乡","code":""},{"name":"宜牧地乡","code":""},{"name":"特布洛乡","code":"513431227000"},{"name":"久特洛古乡","code":""},{"name":"洒拉地坡乡","code":""},{"name":"特口甲谷乡","code":""},{"name":"阿并洛古乡","code":""},{"name":"齿可波西乡","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
