可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理阜阳市颍上县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts阜阳市颍上县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts阜阳市颍上县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts阜阳市颍上县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
threejs阜阳市颍上县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
threejs阜阳市颍上县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
阜阳市颍上县 下辖有 半岗镇,八里河镇,赛涧回族乡,垂岗乡,关屯乡,南照镇,刘集乡,建颍乡,陈桥镇,古城镇,夏桥镇,慎城镇,新集镇,盛堂乡,杨湖镇,红星镇,江口镇,十八里铺镇,润河镇,王岗镇,耿棚镇,谢桥镇,迪沟镇,鲁口镇,黄坝乡,黄桥镇,五十铺乡,六十铺镇,江店孜镇,西三十铺镇
阜阳市颍上县下辖区域坐标
{"半岗镇":[116.23240359977855,32.50613867171788],"八里河镇":[116.27289715739161,32.57576587730597],"赛涧回族乡":[116.47420824485329,32.48819373297442],"垂岗乡":[116.34638248164438,32.51576089249799],"关屯乡":[116.1543796923155,32.47763574344103],"南照镇":[115.9879117942094,32.62131104054974],"刘集乡":[116.3912032647705,32.57705559202046],"建颍乡":[116.19685965378099,32.73601271185073],"陈桥镇":[116.32969663549247,32.8579849919396],"古城镇":[116.26608496385161,32.79701843514643],"夏桥镇":[116.35170098410423,32.6608531379733],"慎城镇":[116.25148763188423,32.64344030048476],"新集镇":[116.08680273864152,32.78254809156256],"盛堂乡":[116.16295455189882,32.5994871264845],"杨湖镇":[116.46927318657087,32.54068843791167],"红星镇":[115.99167436732435,32.68266307877337],"江口镇":[116.2021280023983,32.82884639093741],"十八里铺镇":[116.17512638840603,32.66574546058361],"润河镇":[116.10918386950945,32.55413917953693],"王岗镇":[116.392444389436,32.49924853446036],"耿棚镇":[116.09231229591649,32.64175207855264],"谢桥镇":[116.36732764459336,32.75573732435272],"迪沟镇":[116.37822456828351,32.81258605228319],"鲁口镇":[116.56199906837485,32.55390109051424],"黄坝乡":[116.47936712373442,32.60630672229935],"黄桥镇":[116.30262069765924,32.71882677385021],"五十铺乡":[115.97170397146965,32.77923091246158],"六十铺镇":[116.00221594349792,32.74904847005423],"江店孜镇":[116.45770946297652,32.6586608755834],"西三十铺镇":[116.09098508934639,32.71264345873167]}
阜阳市颍上县行政划分代码
[{"name":"半岗镇","code":"341226109000"},{"name":"八里河镇","code":"341226115000"},{"name":"赛涧回族乡","code":"341226205000"},{"name":"垂岗乡","code":"341226204000"},{"name":"关屯乡","code":"341226203000"},{"name":"南照镇","code":"341226102000"},{"name":"刘集乡","code":"341226206000"},{"name":"建颍乡","code":"341226200000"},{"name":"陈桥镇","code":"341226113000"},{"name":"古城镇","code":"341226121000"},{"name":"夏桥镇","code":"341226111000"},{"name":"慎城镇","code":"341226100000"},{"name":"新集镇","code":"341226106000"},{"name":"盛堂乡","code":"341226202000"},{"name":"杨湖镇","code":"341226103000"},{"name":"红星镇","code":"341226118000"},{"name":"江口镇","code":"341226104000"},{"name":"十八里铺镇","code":"341226119000"},{"name":"润河镇","code":"341226105000"},{"name":"王岗镇","code":"341226110000"},{"name":"耿棚镇","code":"341226108000"},{"name":"谢桥镇","code":"341226101000"},{"name":"迪沟镇","code":"341226116000"},{"name":"鲁口镇","code":"341226120000"},{"name":"黄坝乡","code":"341226207000"},{"name":"黄桥镇","code":"341226114000"},{"name":"五十铺乡","code":"341226201000"},{"name":"六十铺镇","code":"341226107000"},{"name":"江店孜镇","code":"341226112000"},{"name":"西三十铺镇","code":"341226117000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看