可视化大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理广安市岳池县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts广安市岳池县geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts广安市岳池县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts广安市岳池县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs广安市岳池县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs视频 WebGL/Three.js前端高薪3D可视化
threejs广安市岳池县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs广安市岳池县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
广安市岳池县 下辖有 北城乡,双鄢乡,嘉陵乡,排楼乡,平安乡,恐龙乡,罗渡镇,西板乡,酉溪镇,长田乡,镇裕镇,齐福乡,龙孔镇,顾县镇,花园镇,花板乡,镇龙乡,鱼峰乡,新场镇,普安镇,朝阳乡,东板乡,乔家镇,临溪镇,中和镇,兴隆镇,九龙镇,伏龙乡,同兴镇,团结乡,坪滩镇,大佛乡,大石乡,天平镇,白庙镇,石垭镇,石鼓乡,秦溪镇,粽粑乡,苟角镇,裕民镇,赛龙镇,黄龙乡
广安市岳池县下辖区域坐标
{"北城乡":[106.40109002632266,30.58641214402934],"双鄢乡":[106.40390226568547,30.64348108752683],"嘉陵乡":[106.15874789056565,30.48899635095809],"排楼乡":[106.26297036273962,30.46462857938781],"平安乡":[106.20110921352534,30.58154524386891],"恐龙乡":[106.2392540068686,30.61140423525487],"罗渡镇":[106.5822432354843,30.3531674203331],"西板乡":[106.21546024268883,30.54432961692528],"酉溪镇":[106.27133737772841,30.57985166540461],"长田乡":[106.47941894257697,30.72118318365604],"镇裕镇":[106.17179218572652,30.55220106180584],"齐福乡":[106.52770371709337,30.38961971278031],"龙孔镇":[106.26609869078464,30.51450566764107],"顾县镇":[106.44441051265304,30.65946798872672],"花园镇":[106.45306332131722,30.5880793119523],"花板乡":[106.52264255023042,30.43572734051791],"镇龙乡":[106.51479272610987,30.55013744681223],"鱼峰乡":[106.49834008325354,30.74440873386473],"新场镇":[106.33343474914486,30.49249958337474],"普安镇":[106.47178382032591,30.41188414066899],"朝阳乡":[106.42035264988539,30.48440660038691],"东板乡":[106.44267533876292,30.72521668548668],"乔家镇":[106.43288236430575,30.44239178120106],"临溪镇":[106.69408017347484,30.32055232325144],"中和镇":[106.64661644407518,30.34104606409511],"兴隆镇":[106.33018682502134,30.63742084952446],"九龙镇":[106.43154011155917,30.51846870677617],"伏龙乡":[106.64158263047545,30.29854831059826],"同兴镇":[106.1976312589377,30.62981400304746],"团结乡":[106.24543345471088,30.7046510613351],"坪滩镇":[106.20607628687819,30.48045233773897],"大佛乡":[106.50398656099696,30.32849501102676],"大石乡":[106.5215154831607,30.51591970022951],"天平镇":[106.54147465619059,30.69351413658195],"白庙镇":[106.34410520174501,30.55723297621263],"石垭镇":[106.50286421636785,30.47969040406174],"石鼓乡":[106.14439972390588,30.57073098631169],"秦溪镇":[106.24228309963756,30.6598959237437],"粽粑乡":[106.32056717745417,30.57739630423186],"苟角镇":[106.52870887719622,30.61091035412477],"裕民镇":[106.46172620494363,30.34424912876512],"赛龙镇":[106.546107330421,30.3252640795991],"黄龙乡":[106.34149358084754,30.69619804971656]}
广安市岳池县行政划分代码
[{"name":"北城乡","code":""},{"name":"双鄢乡","code":""},{"name":"嘉陵乡","code":""},{"name":"排楼乡","code":""},{"name":"平安乡","code":""},{"name":"恐龙乡","code":""},{"name":"罗渡镇","code":"511621115000"},{"name":"西板乡","code":""},{"name":"酉溪镇","code":"511621106000"},{"name":"长田乡","code":""},{"name":"镇裕镇","code":"511621104000"},{"name":"齐福乡","code":""},{"name":"龙孔镇","code":"511621103000"},{"name":"顾县镇","code":"511621110000"},{"name":"花园镇","code":"511621101000"},{"name":"花板乡","code":""},{"name":"镇龙乡","code":""},{"name":"鱼峰乡","code":"511621216000"},{"name":"新场镇","code":"511621118000"},{"name":"普安镇","code":"511621119000"},{"name":"朝阳乡","code":""},{"name":"东板乡","code":""},{"name":"乔家镇","code":"511621114000"},{"name":"临溪镇","code":"511621121000"},{"name":"中和镇","code":"511621117000"},{"name":"兴隆镇","code":"511621108000"},{"name":"九龙镇","code":""},{"name":"伏龙乡","code":""},{"name":"同兴镇","code":"511621107000"},{"name":"团结乡","code":""},{"name":"坪滩镇","code":"511621102000"},{"name":"大佛乡","code":""},{"name":"大石乡","code":""},{"name":"天平镇","code":"511621112000"},{"name":"白庙镇","code":"511621105000"},{"name":"石垭镇","code":"511621113000"},{"name":"石鼓乡","code":""},{"name":"秦溪镇","code":"511621109000"},{"name":"粽粑乡","code":""},{"name":"苟角镇","code":"511621111000"},{"name":"裕民镇","code":"511621116000"},{"name":"赛龙镇","code":""},{"name":"黄龙乡","code":"511621212000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
