随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理南宁市青秀区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts南宁市青秀区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts南宁市青秀区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts南宁市青秀区geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
threejs南宁市青秀区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
threejs南宁市青秀区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
南宁市青秀区 下辖有 伶俐镇,仙葫经济开发区,中山街道,青秀山管理委员会,建政街道,新竹街道,津头街道,刘圩镇,南阳镇,长塘镇,南湖街道
南宁市青秀区下辖区域坐标
{"伶俐镇":[108.75608284363793,22.8943163269345],"仙葫经济开发区":[108.48973829612372,22.80983463604519],"中山街道":[108.34088436233189,22.79218139831019],"青秀山管理委员会":[108.38355461415023,22.78775348551918],"建政街道":[108.36848305104662,22.84487647346967],"新竹街道":[108.3377318158411,22.81982760941253],"津头街道":[108.39166109623628,22.78824135968211],"刘圩镇":[108.67445329374712,22.72721071819303],"南阳镇":[108.77595197837894,22.74165710970625],"长塘镇":[108.63154136116628,22.86533005145768],"南湖街道":[108.40002703390091,22.83934556880169]}
南宁市青秀区行政划分代码
[{"name":"伶俐镇","code":"450103102000"},{"name":"仙葫经济开发区","code":"450103400000"},{"name":"中山街道","code":"450103002000"},{"name":"青秀山管理委员会","code":""},{"name":"建政街道","code":"450103003000"},{"name":"新竹街道","code":"450103001000"},{"name":"津头街道","code":"450103005000"},{"name":"刘圩镇","code":"450103100000"},{"name":"南阳镇","code":"450103101000"},{"name":"长塘镇","code":"450103103000"},{"name":"南湖街道","code":"450103004000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
