随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理南宁市马山县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts南宁市马山县geoJson地图添加柱状图
echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.
echarts南宁市马山县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts南宁市马山县geoJson地图飞线图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs南宁市马山县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs视频教程 WebGL 3D可视化教程
threejs南宁市马山县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
南宁市马山县 下辖有 白山镇,金钗镇,百龙滩镇,古寨瑶族乡,里当瑶族乡,光明山林场,乔利乡,加方乡,古零镇,周鹿镇,林圩镇,永州镇
南宁市马山县下辖区域坐标
{"白山镇":[108.18055583665068,23.68955153457284],"金钗镇":[108.42263957491758,23.95239003484851],"百龙滩镇":[108.17142567958919,23.8230980671735],"古寨瑶族乡":[108.31364783440284,23.75284988650051],"里当瑶族乡":[108.36140072993244,23.86628798474339],"光明山林场":[108.23926268868065,23.52923474469646],"乔利乡":[108.09277301258383,23.69817589289562],"加方乡":[108.40889018585585,23.73761224174028],"古零镇":[108.30906947363036,23.61268007161454],"周鹿镇":[107.98779836762212,23.59818821990221],"林圩镇":[108.06430482552437,23.51755250701154],"永州镇":[107.81136629474588,23.52286329628263]}
南宁市马山县行政划分代码
[{"name":"白山镇","code":"450124100000"},{"name":"金钗镇","code":"450124104000"},{"name":"百龙滩镇","code":"450124101000"},{"name":"古寨瑶族乡","code":"450124202000"},{"name":"里当瑶族乡","code":"450124203000"},{"name":"光明山林场","code":""},{"name":"乔利乡","code":"450124200000"},{"name":"加方乡","code":"450124201000"},{"name":"古零镇","code":"450124103000"},{"name":"周鹿镇","code":"450124105000"},{"name":"林圩镇","code":"450124102000"},{"name":"永州镇","code":"450124106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
