数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理抚州市南城县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts抚州市南城县geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts抚州市南城县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts抚州市南城县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs抚州市南城县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL前端3D可视化教程
threejs抚州市南城县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs抚州市南城县geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
抚州市南城县 下辖有 万坊镇,上唐镇,建昌镇,天井源乡,徐家乡,株良镇,沙洲镇,洪门镇,浔溪乡,里塔镇,龙湖镇,新丰街镇,南城县工业园区
抚州市南城县下辖区域坐标
{"万坊镇":[116.57361321043896,27.65169824790906],"上唐镇":[116.68202068464196,27.38565032254628],"建昌镇":[116.576698876969,27.55231789024695],"天井源乡":[116.65814969243976,27.48819516270939],"徐家乡":[116.70657494486355,27.65273716982259],"株良镇":[116.51813340253659,27.46164596547437],"沙洲镇":[116.80716669026346,27.72680257001527],"洪门镇":[116.7328188889771,27.51496908716005],"浔溪乡":[116.77805495115226,27.61102106358855],"里塔镇":[116.48026718391719,27.3498451901516],"龙湖镇":[116.87191309190484,27.48964466512264],"新丰街镇":[116.58937644766272,27.39684539093918],"南城县工业园区":[116.62490635541994,27.53739687324111]}
抚州市南城县行政划分代码
[{"name":"万坊镇","code":"361021108000"},{"name":"上唐镇","code":"361021102000"},{"name":"建昌镇","code":"361021100000"},{"name":"天井源乡","code":"361021201000"},{"name":"徐家乡","code":""},{"name":"株良镇","code":"361021101000"},{"name":"沙洲镇","code":"361021105000"},{"name":"洪门镇","code":"361021104000"},{"name":"浔溪乡","code":"361021203000"},{"name":"里塔镇","code":"361021103000"},{"name":"龙湖镇","code":"361021106000"},{"name":"新丰街镇","code":"361021107000"},{"name":"南城县工业园区","code":"361021400000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看