数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是广元市旺苍县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts广元市旺苍县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts广元市旺苍县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts广元市旺苍县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs广元市旺苍县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣，可以观看threejs视频 WebGL/Three.js前端高薪3D可视化
threejs广元市旺苍县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs广元市旺苍县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
广元市旺苍县 下辖有 化龙乡,双汇镇,麻英乡,黄洋镇,万山乡,大两乡,天星乡,盐河乡,柳溪乡,正源乡,水磨乡,高阳镇,英萃镇,陈家岭管理办公室,静乐寺管理办公室,嘉川镇,国华镇,万家乡,三江镇,东河镇,九龙乡,五权镇,农建乡,大德乡,大河乡,尚武镇,张华镇,普济镇,木门镇,枣林乡,檬子乡,燕子乡,白水镇,福庆乡,金溪镇,鼓城乡,龙凤乡,磨岩管理办公室
广元市旺苍县下辖区域坐标
{"化龙乡":[106.4618710765074,32.12199194533089],"双汇镇":[106.25207055450807,32.38614967377404],"麻英乡":[106.12867750924555,32.32711879466194],"黄洋镇":[106.38002147981328,32.26119779544798],"万山乡":[106.58548298300033,32.41759131340301],"大两乡":[106.503072734922,32.37990521912346],"天星乡":[106.25211151623574,32.50885658399073],"盐河乡":[106.36664048103938,32.5557143173498],"柳溪乡":[106.28892889500787,32.14414291083358],"正源乡":[106.36530349659353,32.40268410159506],"水磨乡":[106.54860938087967,32.4650429116724],"高阳镇":[106.29352442733293,32.32399379125064],"英萃镇":[106.45363521036936,32.48925892966323],"陈家岭管理办公室":[106.11489260951993,32.2502525853247],"静乐寺管理办公室":[106.03038791601247,32.26859930982912],"嘉川镇":[106.20870550389928,32.23734702964384],"国华镇":[106.33212636699912,32.47755870491794],"万家乡":[106.32939970236322,32.613586623667],"三江镇":[106.5609826447883,32.26059770482722],"东河镇":[106.27490847638833,32.24120700365052],"九龙乡":[106.46951724171593,32.04234100616701],"五权镇":[106.62234780672993,32.3684122752484],"农建乡":[106.52523118749114,32.18635046157668],"大德乡":[106.72173799839288,32.31885321975982],"大河乡":[106.64599114549803,32.4583397918156],"尚武镇":[106.12279169827337,32.24948082740008],"张华镇":[106.20057852835059,32.15691852772576],"普济镇":[106.45529427834106,32.2848460986777],"木门镇":[106.51905748861273,32.11788318598683],"枣林乡":[106.11170739076317,32.17359659374151],"檬子乡":[106.58366073081098,32.59007467012889],"燕子乡":[106.1358258587255,32.41319025309966],"白水镇":[106.07786995164403,32.26258124027719],"福庆乡":[106.21420348256248,32.45926902856485],"金溪镇":[106.66316174559094,32.28479747009911],"鼓城乡":[106.49387657943024,32.60560028048985],"龙凤乡":[106.41610043298517,32.16530587979017],"磨岩管理办公室":[106.36909206538155,32.26148120253212]}
广元市旺苍县行政划分代码
[{"name":"化龙乡","code":""},{"name":"双汇镇","code":"510821112000"},{"name":"麻英乡","code":""},{"name":"黄洋镇","code":"510821106000"},{"name":"万山乡","code":""},{"name":"大两乡","code":""},{"name":"天星乡","code":""},{"name":"盐河乡","code":""},{"name":"柳溪乡","code":""},{"name":"正源乡","code":""},{"name":"水磨乡","code":""},{"name":"高阳镇","code":"510821111000"},{"name":"英萃镇","code":"510821113000"},{"name":"陈家岭管理办公室","code":""},{"name":"静乐寺管理办公室","code":""},{"name":"嘉川镇","code":"510821101000"},{"name":"国华镇","code":"510821114000"},{"name":"万家乡","code":""},{"name":"三江镇","code":"510821108000"},{"name":"东河镇","code":"510821100000"},{"name":"九龙乡","code":""},{"name":"五权镇","code":"510821110000"},{"name":"农建乡","code":""},{"name":"大德乡","code":""},{"name":"大河乡","code":""},{"name":"尚武镇","code":""},{"name":"张华镇","code":"510821105000"},{"name":"普济镇","code":"510821107000"},{"name":"木门镇","code":"510821102000"},{"name":"枣林乡","code":""},{"name":"檬子乡","code":"510821207000"},{"name":"燕子乡","code":"510821204000"},{"name":"白水镇","code":"510821103000"},{"name":"福庆乡","code":""},{"name":"金溪镇","code":""},{"name":"鼓城乡","code":""},{"name":"龙凤乡","code":""},{"name":"磨岩管理办公室","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
