数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是阜阳市阜南县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts阜阳市阜南县geoJson地图迁徙图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts阜阳市阜南县geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts阜阳市阜南县geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
threejs阜阳市阜南县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL/Three.js前端3D可视化教程
threejs阜阳市阜南县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs阜阳市阜南县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
阜阳市阜南县 下辖有 阜濛农场,柳沟镇,王店孜乡,中岗镇,于集乡,会龙镇,公桥乡,安徽阜南经济开发区,地城镇,张寨镇,新村镇,曹集镇,方集镇,朱寨镇,柴集镇,黄岗镇,段郢乡,焦陂镇,王化镇,王堰镇,田集镇,老观乡,龙王乡,苗集镇,许堂乡,赵集镇,郜台乡,鹿城镇,洪河桥镇,王家坝镇,三塔镇
阜阳市阜南县下辖区域坐标
{"阜濛农场":[115.77390991843228,32.54283215909233],"柳沟镇":[115.70118817817831,32.68523506613035],"王店孜乡":[115.54169255878307,32.80111652042608],"中岗镇":[115.75308178535198,32.60067413855496],"于集乡":[115.6259120194824,32.51116244230793],"会龙镇":[115.4796155361115,32.6969365437579],"公桥乡":[115.49771308981246,32.59903321162915],"安徽阜南经济开发区":[115.62515037131543,32.65335820548749],"地城镇":[115.52766588267193,32.53358743518127],"张寨镇":[115.89620127348746,32.65789780489359],"新村镇":[115.53457497561857,32.86893690923716],"曹集镇":[115.77816617331631,32.51404500235928],"方集镇":[115.36494260116248,32.57604821096437],"朱寨镇":[115.87459886608883,32.72497932768096],"柴集镇":[115.60475034375031,32.81604585257304],"黄岗镇":[115.79903013421543,32.62576732687084],"段郢乡":[115.40857461745796,32.61888253168022],"焦陂镇":[115.79978722194508,32.69478777553645],"王化镇":[115.65864068105031,32.55612799012838],"王堰镇":[115.32354960861437,32.64050855320474],"田集镇":[115.61270365315826,32.72453647293625],"老观乡":[115.68488987750601,32.49047284091372],"龙王乡":[115.56697653361488,32.55475935125766],"苗集镇":[115.68289324652667,32.61767196088816],"许堂乡":[115.74189517396485,32.74635179388062],"赵集镇":[115.53308636445303,32.70812555607709],"郜台乡":[115.86137298310766,32.57356275026582],"鹿城镇":[115.58779885171244,32.65020750861709],"洪河桥镇":[115.52292900937702,32.48085873924807],"王家坝镇":[115.62746742659333,32.44054386096958],"三塔镇":[115.69337601266054,32.78030142618584]}
阜阳市阜南县行政划分代码
[{"name":"阜濛农场","code":""},{"name":"柳沟镇","code":"341225107000"},{"name":"王店孜乡","code":"341225200000"},{"name":"中岗镇","code":"341225102000"},{"name":"于集乡","code":"341225207000"},{"name":"会龙镇","code":"341225121000"},{"name":"公桥乡","code":"341225205000"},{"name":"安徽阜南经济开发区","code":"341225401000"},{"name":"地城镇","code":"341225115000"},{"name":"张寨镇","code":"341225113000"},{"name":"新村镇","code":"341225104000"},{"name":"曹集镇","code":"341225119000"},{"name":"方集镇","code":"341225101000"},{"name":"朱寨镇","code":"341225106000"},{"name":"柴集镇","code":"341225103000"},{"name":"黄岗镇","code":"341225111000"},{"name":"段郢乡","code":"341225204000"},{"name":"焦陂镇","code":"341225112000"},{"name":"王化镇","code":"341225118000"},{"name":"王堰镇","code":"341225114000"},{"name":"田集镇","code":"341225109000"},{"name":"老观乡","code":"341225208000"},{"name":"龙王乡","code":"341225206000"},{"name":"苗集镇","code":"341225110000"},{"name":"许堂乡","code":"341225201000"},{"name":"赵集镇","code":"341225108000"},{"name":"郜台乡","code":"341225209000"},{"name":"鹿城镇","code":"341225120000"},{"name":"洪河桥镇","code":"341225116000"},{"name":"王家坝镇","code":"341225117000"},{"name":"三塔镇","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
