大屏数据可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理徐州市睢宁县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts徐州市睢宁县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts徐州市睢宁县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts徐州市睢宁县geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs徐州市睢宁县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣，可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化
threejs徐州市睢宁县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
徐州市睢宁县 下辖有 现代农业示范区,八里金属机电产业园,宁江工业园,桃岚化工园,凌城镇,双沟镇,古邳镇,姚集镇,官山镇,李集镇,岚山镇,庆安镇,桃园镇,梁集镇,沙集镇,王集镇,睢城镇,经济开发区,邱集镇,高作镇,魏集镇,临空产业园
徐州市睢宁县下辖区域坐标
{"现代农业示范区":[117.91584699509097,33.97591485104805],"八里金属机电产业园":[118.00469096707249,33.91341733204673],"宁江工业园":[117.97217919863732,33.94206654764881],"桃岚化工园":[117.83179979119544,33.91467058564908],"凌城镇":[118.12301810175494,33.80634900037394],"双沟镇":[117.57957790476178,34.04470885056222],"古邳镇":[117.90967428277361,34.11142740607286],"姚集镇":[117.77252384898519,34.081519566583],"官山镇":[117.88101568845059,33.78186843267837],"李集镇":[117.7687315896246,33.76355545323364],"岚山镇":[117.75432109962125,33.93581058821665],"庆安镇":[117.84571763122858,33.99461291937587],"桃园镇":[117.81985447255907,33.84937861273893],"梁集镇":[118.01035315569237,33.97746829996288],"沙集镇":[118.11641240454122,33.9005513344069],"王集镇":[117.71728013735881,34.02667808347779],"睢城镇":[117.95024207114747,33.87156198484743],"经济开发区":[117.89392642722191,33.89543152330818],"邱集镇":[118.0073629883774,33.81491376467771],"高作镇":[118.05978673104795,33.90570260837904],"魏集镇":[117.98271231193647,34.03717821987914],"临空产业园":[117.59147144907811,34.07151601608383]}
徐州市睢宁县行政划分代码
[{"name":"现代农业示范区","code":""},{"name":"八里金属机电产业园","code":""},{"name":"宁江工业园","code":""},{"name":"桃岚化工园","code":""},{"name":"凌城镇","code":"320324110000"},{"name":"双沟镇","code":"320324103000"},{"name":"古邳镇","code":"320324112000"},{"name":"姚集镇","code":"320324113000"},{"name":"官山镇","code":"320324107000"},{"name":"李集镇","code":"320324105000"},{"name":"岚山镇","code":"320324104000"},{"name":"庆安镇","code":"320324116000"},{"name":"桃园镇","code":"320324106000"},{"name":"梁集镇","code":"320324115000"},{"name":"沙集镇","code":"320324109000"},{"name":"王集镇","code":"320324102000"},{"name":"睢城镇","code":""},{"name":"经济开发区","code":"320324401000"},{"name":"邱集镇","code":"320324111000"},{"name":"高作镇","code":"320324108000"},{"name":"魏集镇","code":"320324114000"},{"name":"临空产业园","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
