随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理六安市金安区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts六安市金安区geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts六安市金安区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts六安市金安区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs六安市金安区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化
threejs六安市金安区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs六安市金安区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
六安市金安区 下辖有 东河口镇,先生店乡,望城街道,张店镇,施桥镇,三十铺镇,东桥镇,城北乡,三里桥街道,孙岗镇,木厂镇,椿树镇,淠东乡,马头镇,清水河街道,横塘岗乡,毛坦厂镇,六安经济开发区,中市街道,翁墩乡,东市街道,中店乡,双河镇
六安市金安区下辖区域坐标
{"东河口镇":[116.57298690999201,31.43222244994142],"先生店乡":[116.60704281601352,31.6814016521257],"望城街道":[116.53451716339006,31.73657213115582],"张店镇":[116.59576424327298,31.53168502672505],"施桥镇":[116.69925781372982,31.497291987133],"三十铺镇":[116.64482660711721,31.77599543083356],"东桥镇":[116.69153191183827,31.89334406519708],"城北乡":[116.54753758919433,31.84261621703842],"三里桥街道":[116.50154801208669,31.77454632688017],"孙岗镇":[116.6757043857688,31.60976694733878],"木厂镇":[116.56953357824503,31.91848510438493],"椿树镇":[116.68386323708054,31.69999868851988],"淠东乡":[116.52287828329361,31.95051964609627],"马头镇":[116.57054270402145,31.99159980879539],"清水河街道":[116.51474681320114,31.78942146997023],"横塘岗乡":[116.50532852726498,31.51715261596122],"毛坦厂镇":[116.53811841419682,31.34381198680272],"六安经济开发区":[116.57789433460056,31.80655074570098],"中市街道":[116.50218885764147,31.75601380550633],"翁墩乡":[116.63349365852002,31.9110039225807],"东市街道":[116.51772323188887,31.75827286144797],"中店乡":[116.53690261076676,31.62744806177761],"双河镇":[116.7711875684079,31.511773278453]}
六安市金安区行政划分代码
[{"name":"东河口镇","code":"341502105000"},{"name":"先生店乡","code":"341502205000"},{"name":"望城街道","code":"341502004000"},{"name":"张店镇","code":"341502103000"},{"name":"施桥镇","code":"341502107000"},{"name":"三十铺镇","code":"341502109000"},{"name":"东桥镇","code":"341502102000"},{"name":"城北乡","code":"341502200000"},{"name":"三里桥街道","code":"341502003000"},{"name":"孙岗镇","code":"341502108000"},{"name":"木厂镇","code":"341502100000"},{"name":"椿树镇","code":"341502110000"},{"name":"淠东乡","code":"341502202000"},{"name":"马头镇","code":"341502101000"},{"name":"清水河街道","code":"341502005000"},{"name":"横塘岗乡","code":"341502204000"},{"name":"毛坦厂镇","code":"341502104000"},{"name":"六安经济开发区","code":"341502400000"},{"name":"中市街道","code":"341502001000"},{"name":"翁墩乡","code":"341502201000"},{"name":"东市街道","code":"341502002000"},{"name":"中店乡","code":"341502203000"},{"name":"双河镇","code":"341502106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
