数据大屏可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理绵阳市盐亭县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts绵阳市盐亭县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts绵阳市盐亭县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts绵阳市盐亭县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs绵阳市盐亭县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频课程 Three.js 3D可视化
threejs绵阳市盐亭县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
threejs绵阳市盐亭县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
绵阳市盐亭县 下辖有 折弓乡,永泰乡,两岔河乡,双碑乡,宗海乡,新农乡,来龙乡,巨龙镇,榉溪乡,龙泉乡,麻秧乡,安家镇,黄溪乡,三元乡,两河镇,剑河乡,云溪镇,五龙乡,八角镇,冯河乡,富驿镇,林农镇,林山乡,柏梓镇,毛公乡,洗泽乡,玉龙镇,茶亭乡,金孔镇,金安乡,金鸡镇,高灯镇,黄甸镇,黑坪镇,石牛庙乡,大兴回族乡
绵阳市盐亭县下辖区域坐标
{"折弓乡":[105.68547136462274,31.04663301088255],"永泰乡":[105.5529157388551,31.24328320954119],"两岔河乡":[105.39384685590062,31.13729672869522],"双碑乡":[105.38443912671747,31.34014600015157],"宗海乡":[105.6984109510143,31.09661051897078],"新农乡":[105.34686323219486,31.24233503660749],"来龙乡":[105.31637249344683,31.44160914850419],"巨龙镇":[105.34867757030531,31.1618383466472],"榉溪乡":[105.60820536141932,31.13620287608865],"龙泉乡":[105.51967718521956,31.04287127671127],"麻秧乡":[105.42476352612675,31.15022814754187],"安家镇":[105.2585613370189,31.40037446168525],"黄溪乡":[105.47849619528762,31.13500785488031],"三元乡":[105.54692911994013,31.17918593359973],"两河镇":[105.32423937465906,31.18145605553651],"剑河乡":[105.26533466951125,31.45577003548786],"云溪镇":[105.39481584562934,31.2528240260542],"五龙乡":[105.55428685163662,31.1331194228983],"八角镇":[105.62842948232765,31.19921642906592],"冯河乡":[105.45470515929662,31.32827546210387],"富驿镇":[105.547779857149,31.33324485058046],"林农镇":[105.61996120516086,31.24457893468182],"林山乡":[105.46570913012262,31.28079963777816],"柏梓镇":[105.30979150694336,31.35912594501361],"毛公乡":[105.29355621622827,31.27379317424902],"洗泽乡":[105.6736180322896,31.14285677546138],"玉龙镇":[105.47777939041963,31.10314896919784],"茶亭乡":[105.38801456940692,31.41546871612996],"金孔镇":[105.63603398146435,31.08305716407878],"金安乡":[105.60303072020707,31.37439921352647],"金鸡镇":[105.62803020229487,31.01878778224705],"高灯镇":[105.57387046946266,31.04826465353722],"黄甸镇":[105.48343061959469,31.21632903651258],"黑坪镇":[105.43285358649118,31.3840409311891],"石牛庙乡":[105.47471880056469,31.41803218867771],"大兴回族乡":[105.41807795657338,31.26911986208027]}
绵阳市盐亭县行政划分代码
[{"name":"折弓乡","code":""},{"name":"永泰乡","code":""},{"name":"两岔河乡","code":""},{"name":"双碑乡","code":""},{"name":"宗海乡","code":""},{"name":"新农乡","code":""},{"name":"来龙乡","code":""},{"name":"巨龙镇","code":"510723113000"},{"name":"榉溪乡","code":""},{"name":"龙泉乡","code":""},{"name":"麻秧乡","code":""},{"name":"安家镇","code":""},{"name":"黄溪乡","code":""},{"name":"三元乡","code":""},{"name":"两河镇","code":""},{"name":"剑河乡","code":""},{"name":"云溪镇","code":"510723100000"},{"name":"五龙乡","code":""},{"name":"八角镇","code":""},{"name":"冯河乡","code":""},{"name":"富驿镇","code":"510723102000"},{"name":"林农镇","code":""},{"name":"林山乡","code":""},{"name":"柏梓镇","code":""},{"name":"毛公乡","code":""},{"name":"洗泽乡","code":""},{"name":"玉龙镇","code":"510723101000"},{"name":"茶亭乡","code":""},{"name":"金孔镇","code":"510723103000"},{"name":"金安乡","code":""},{"name":"金鸡镇","code":""},{"name":"高灯镇","code":""},{"name":"黄甸镇","code":"510723105000"},{"name":"黑坪镇","code":""},{"name":"石牛庙乡","code":""},{"name":"大兴回族乡","code":"510723211000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
