随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理长春市南关区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts长春市南关区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts长春市南关区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts长春市南关区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs长春市南关区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs视频 Three.js前端3D可视化教程
threejs长春市南关区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs长春市南关区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
长春市南关区 下辖有 南岭街道,鸿城街道,新湖镇,玉潭镇,新春街道,新立城镇,富裕街道,长通街道,民康街道,永兴街道,永吉街道,自强街道,幸福乡,临河街道,全安街道,净月街道,明珠街道,曙光街道,桃源街道
长春市南关区下辖区域坐标
{"南岭街道":[125.33182380655441,43.84987037476995],"鸿城街道":[125.33779614260409,43.84632890859618],"新湖镇":[125.42168859896924,43.60393013833342],"玉潭镇":[125.47746407398455,43.77002614384914],"新春街道":[125.33130243860559,43.8945845320888],"新立城镇":[125.37567241319972,43.66597950796034],"富裕街道":[125.34860428796581,43.79122599616271],"长通街道":[125.34645043349074,43.90307141448941],"民康街道":[125.32841037905612,43.88017329877019],"永兴街道":[125.4082826998168,43.79757790779099],"永吉街道":[125.34246142422447,43.87005736712499],"自强街道":[125.32521359369485,43.88746336440197],"幸福乡":[125.29502575627805,43.77502621154471],"临河街道":[125.3745209624457,43.84384865019511],"全安街道":[125.33854390553233,43.88340148131154],"净月街道":[125.41799285688862,43.82150240570551],"明珠街道":[125.30643730476277,43.81237134728974],"曙光街道":[125.32663714329006,43.86878330969673],"桃源街道":[125.34757032955416,43.88740934193725]}
长春市南关区行政划分代码
[{"name":"南岭街道","code":"220102001000"},{"name":"鸿城街道","code":"220102010000"},{"name":"新湖镇","code":""},{"name":"玉潭镇","code":""},{"name":"新春街道","code":"220102004000"},{"name":"新立城镇","code":""},{"name":"富裕街道","code":"220102012000"},{"name":"长通街道","code":"220102005000"},{"name":"民康街道","code":"220102003000"},{"name":"永兴街道","code":""},{"name":"永吉街道","code":"220102008000"},{"name":"自强街道","code":"220102002000"},{"name":"幸福乡","code":"220102200000"},{"name":"临河街道","code":""},{"name":"全安街道","code":"220102006000"},{"name":"净月街道","code":""},{"name":"明珠街道","code":"220102011000"},{"name":"曙光街道","code":"220102007000"},{"name":"桃源街道","code":"220102009000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看