随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理河池市东兰县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts河池市东兰县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts河池市东兰县geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts河池市东兰县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
threejs河池市东兰县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣，可以观看threejs视频教程 WebGL 3D可视化教程
threejs河池市东兰县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
河池市东兰县 下辖有 三石镇,东兰镇,兰木乡,切学乡,大同乡,巴畴乡,武篆镇,泗孟乡,花香乡,金谷乡,长乐镇,长江乡,隘洞镇,三弄瑶族乡
河池市东兰县下辖区域坐标
{"三石镇":[107.46279181369141,24.31485186983976],"东兰镇":[107.38535155101373,24.49245423418529],"兰木乡":[107.2146504298195,24.42540393315145],"切学乡":[107.47132045855612,24.70071792633612],"大同乡":[107.60777261194309,24.35692295318876],"巴畴乡":[107.28247458389046,24.76654811721932],"武篆镇":[107.27833127480717,24.32573580898354],"泗孟乡":[107.20744554852257,24.50300029839877],"花香乡":[107.64667953869622,24.47094560862449],"金谷乡":[107.18665086385431,24.79331086426136],"长乐镇":[107.51738705563193,24.48051035124634],"长江乡":[107.2966765489199,24.64134974891157],"隘洞镇":[107.45826653241593,24.62723090213046],"三弄瑶族乡":[107.46991181557237,24.44130629481585]}
河池市东兰县行政划分代码
[{"name":"三石镇","code":"451224103000"},{"name":"东兰镇","code":"451224100000"},{"name":"兰木乡","code":"451224201000"},{"name":"切学乡","code":"451224208000"},{"name":"大同乡","code":"451224206000"},{"name":"巴畴乡","code":"451224203000"},{"name":"武篆镇","code":"451224104000"},{"name":"泗孟乡","code":"451224200000"},{"name":"花香乡","code":"451224207000"},{"name":"金谷乡","code":"451224204000"},{"name":"长乐镇","code":"451224102000"},{"name":"长江乡","code":""},{"name":"隘洞镇","code":"451224101000"},{"name":"三弄瑶族乡","code":"451224205000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
