数据大屏可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理池州市贵池区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts池州市贵池区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts池州市贵池区geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts池州市贵池区geoJson地图飞线图
echarts飞线图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs池州市贵池区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs教程视频 WebGL前端3D可视化教程
threejs池州市贵池区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs池州市贵池区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
池州市贵池区 下辖有 安徽贵池工业园,秋浦街道,前江工业园,池阳街道,池州市开发区,池州市火车站站前区,安徽省江南产业集中区,唐田镇,涓桥镇,牌楼镇,梅龙街道,江口街道,乌沙镇,梅村镇,梅街镇,棠溪镇,殷汇镇,墩上街道,里山街道,清溪街道,清风街道,牛头山镇,秋江街道,杏花村街道,马衙街道
池州市贵池区下辖区域坐标
{"安徽贵池工业园":[117.56912793181817,30.71158178616743],"秋浦街道":[117.49616339181799,30.64720280030082],"前江工业园":[117.2447925556722,30.52182173827237],"池阳街道":[117.47602259549566,30.64493874566707],"池州市开发区":[117.52204430211182,30.70568523699161],"池州市火车站站前区":[117.49720783723059,30.61793973793405],"安徽省江南产业集中区":[117.63961799820245,30.73443544445904],"唐田镇":[117.19159294996003,30.36415945492978],"涓桥镇":[117.39893536788067,30.54821245781373],"牌楼镇":[117.31246927298665,30.35559241223257],"梅龙街道":[117.67068791249265,30.7350622040802],"江口街道":[117.56489615643852,30.723143789228],"乌沙镇":[117.271850101061,30.61673945908407],"梅村镇":[117.46090039494928,30.37392623576359],"梅街镇":[117.62234898605996,30.45338400237742],"棠溪镇":[117.65662747432134,30.33600219266828],"殷汇镇":[117.35402304475168,30.44445579081957],"墩上街道":[117.72230078591103,30.65527211663706],"里山街道":[117.58601356756186,30.55345196854292],"清溪街道":[117.50270853354363,30.57283927806192],"清风街道":[117.48759279944792,30.67387492873511],"牛头山镇":[117.2600096743762,30.50467321706442],"秋江街道":[117.38263316392934,30.62183441925182],"杏花村街道":[117.44850498055433,30.63028456235782],"马衙街道":[117.5892667896629,30.6342281643917]}
池州市贵池区行政划分代码
[{"name":"安徽贵池工业园","code":""},{"name":"秋浦街道","code":"341702002000"},{"name":"前江工业园","code":""},{"name":"池阳街道","code":"341702001000"},{"name":"池州市开发区","code":""},{"name":"池州市火车站站前区","code":""},{"name":"安徽省江南产业集中区","code":""},{"name":"唐田镇","code":"341702105000"},{"name":"涓桥镇","code":"341702102000"},{"name":"牌楼镇","code":"341702106000"},{"name":"梅龙街道","code":"341702007000"},{"name":"江口街道","code":"341702004000"},{"name":"乌沙镇","code":"341702107000"},{"name":"梅村镇","code":"341702104000"},{"name":"梅街镇","code":"341702103000"},{"name":"棠溪镇","code":"341702108000"},{"name":"殷汇镇","code":"341702100000"},{"name":"墩上街道","code":"341702006000"},{"name":"里山街道","code":"341702003000"},{"name":"清溪街道","code":"341702011000"},{"name":"清风街道","code":"341702010000"},{"name":"牛头山镇","code":"341702101000"},{"name":"秋江街道","code":"341702008000"},{"name":"杏花村街道","code":"341702009000"},{"name":"马衙街道","code":"341702005000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
