数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理宿州市萧县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts宿州市萧县geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts宿州市萧县geoJson地图飞线图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts宿州市萧县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs宿州市萧县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣，可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化
threejs宿州市萧县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
宿州市萧县 下辖有 丁里镇,刘套镇,圣泉乡,大屯镇,官桥镇,新庄镇,青龙集镇,庄里乡,石林乡,杜楼镇,祖楼镇,杨楼镇,永堌镇,王寨镇,白土镇,赵庄镇,孙圩子乡,酒店乡,萧县经济开发区,闫集镇,马井镇,黄口镇,龙城镇,张庄寨镇
宿州市萧县下辖区域坐标
{"丁里镇":[116.8826608152958,34.10926243156977],"刘套镇":[116.93685189605293,34.34954318726192],"圣泉乡":[116.9390345640263,34.26108211113311],"大屯镇":[116.59572798883636,34.20674485706785],"官桥镇":[117.09165875629739,34.05907455765438],"新庄镇":[116.71107662679086,34.43506730075643],"青龙集镇":[116.6331072940686,34.03785026403736],"庄里乡":[117.00880425597403,34.0097732766136],"石林乡":[116.60802972737545,34.07716448316168],"杜楼镇":[116.8267927088863,34.18830510486579],"祖楼镇":[116.68282971498478,34.06343921360045],"杨楼镇":[116.8511181280147,34.35005938547077],"永堌镇":[116.97347964776188,34.0594285965591],"王寨镇":[116.7637418732952,34.13127601439255],"白土镇":[117.04301747922983,34.10699213618637],"赵庄镇":[116.71158691538412,34.21558060086574],"孙圩子乡":[116.76037264940359,34.05105145611188],"酒店乡":[116.6472543368792,34.27930127676983],"萧县经济开发区":[117.02767244725396,34.14588928201573],"闫集镇":[116.74691148109918,34.35296034631074],"马井镇":[116.79691980353701,34.28370635814608],"黄口镇":[116.67271188211843,34.36385091674411],"龙城镇":[116.94104016752576,34.17630239674402],"张庄寨镇":[116.6148361762408,34.13418398754945]}
宿州市萧县行政划分代码
[{"name":"丁里镇","code":"341322110000"},{"name":"刘套镇","code":"341322105000"},{"name":"圣泉乡","code":""},{"name":"大屯镇","code":"341322107000"},{"name":"官桥镇","code":"341322117000"},{"name":"新庄镇","code":"341322104000"},{"name":"青龙集镇","code":"341322113000"},{"name":"庄里乡","code":""},{"name":"石林乡","code":"341322204000"},{"name":"杜楼镇","code":"341322109000"},{"name":"祖楼镇","code":"341322112000"},{"name":"杨楼镇","code":"341322102000"},{"name":"永堌镇","code":"341322115000"},{"name":"王寨镇","code":"341322111000"},{"name":"白土镇","code":"341322116000"},{"name":"赵庄镇","code":"341322108000"},{"name":"孙圩子乡","code":"341322202000"},{"name":"酒店乡","code":"341322201000"},{"name":"萧县经济开发区","code":"341322400000"},{"name":"闫集镇","code":"341322103000"},{"name":"马井镇","code":"341322106000"},{"name":"黄口镇","code":"341322101000"},{"name":"龙城镇","code":"341322100000"},{"name":"张庄寨镇","code":"341322114000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
