随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理宣城市宁国市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts宣城市宁国市geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
echarts宣城市宁国市geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts宣城市宁国市geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs宣城市宁国市geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频课程 3D可视化Three.js视频教程
宣城市宁国市 下辖有 霞西镇,青龙乡,南山街道,竹峰街道,南极乡,万家乡,汪溪街道,中溪镇,仙霞镇,宁墩镇,河沥街道,方塘乡,西津街道,梅林镇,港口镇,甲路镇,云梯畲族乡,胡乐镇
宣城市宁国市下辖区域坐标
{"霞西镇":[118.97312955834562,30.49564909011691],"青龙乡":[118.83077934455046,30.59610669357237],"南山街道":[118.96647403545978,30.59021125799906],"竹峰街道":[118.8853699968149,30.52402215111076],"南极乡":[119.0283129957866,30.37363683415263],"万家乡":[119.14667082213302,30.36169704455273],"汪溪街道":[119.01320811546901,30.72012545153318],"中溪镇":[119.2042905664516,30.48214362993583],"仙霞镇":[119.27419550656808,30.39038746602662],"宁墩镇":[119.12263566085903,30.44401334371699],"河沥街道":[119.05205921404962,30.66244827496043],"方塘乡":[118.71671170961764,30.4925810781364],"西津街道":[118.94804729776928,30.65437224226931],"梅林镇":[119.14152392452678,30.58291823046298],"港口镇":[118.89467269360773,30.70189756996148],"甲路镇":[118.87683543018,30.41625122657202],"云梯畲族乡":[119.32124565972228,30.37637478297255],"胡乐镇":[118.79368922280514,30.37135440939922]}
宣城市宁国市行政划分代码
[{"name":"霞西镇","code":"341881107000"},{"name":"青龙乡","code":"341881203000"},{"name":"南山街道","code":"341881002000"},{"name":"竹峰街道","code":"341881005000"},{"name":"南极乡","code":"341881201000"},{"name":"万家乡","code":"341881202000"},{"name":"汪溪街道","code":"341881004000"},{"name":"中溪镇","code":"341881102000"},{"name":"仙霞镇","code":"341881104000"},{"name":"宁墩镇","code":"341881103000"},{"name":"河沥街道","code":""},{"name":"方塘乡","code":"341881204000"},{"name":"西津街道","code":"341881001000"},{"name":"梅林镇","code":"341881101000"},{"name":"港口镇","code":"341881100000"},{"name":"甲路镇","code":"341881105000"},{"name":"云梯畲族乡","code":"341881200000"},{"name":"胡乐镇","code":"341881106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
