数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理昭通市鲁甸县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts昭通市鲁甸县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts昭通市鲁甸县geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
echarts昭通市鲁甸县geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
threejs昭通市鲁甸县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份,如果对threejs感兴趣，可以观看threejs视频课程 Three.js前端3D可视化教程
threejs昭通市鲁甸县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
threejs昭通市鲁甸县geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
昭通市鲁甸县 下辖有 龙头山镇,桃源回族乡,新街镇,梭山镇,水磨镇,江底镇,龙树镇,火德红镇,茨院回族乡,文屏镇,乐红镇,小寨镇
昭通市鲁甸县下辖区域坐标
{"龙头山镇":[103.38117915865573,27.08598173033169],"桃源回族乡":[103.61301893419625,27.16007798195491],"新街镇":[103.41965630609087,27.46453634978533],"梭山镇":[103.24694066396245,27.33586336017368],"水磨镇":[103.36968748347988,27.23498205793689],"江底镇":[103.57378040654953,27.06220217685523],"龙树镇":[103.43454001245937,27.34284104846182],"火德红镇":[103.47339841762894,27.046865168602],"茨院回族乡":[103.57709571404874,27.23154047492842],"文屏镇":[103.53685886172643,27.15677068458161],"乐红镇":[103.26503054659813,27.19903879350727],"小寨镇":[103.49349237640565,27.20055286328314]}
昭通市鲁甸县行政划分代码
[{"name":"龙头山镇","code":"530621103000"},{"name":"桃源回族乡","code":"530621201000"},{"name":"新街镇","code":"530621108000"},{"name":"梭山镇","code":"530621109000"},{"name":"水磨镇","code":"530621102000"},{"name":"江底镇","code":"530621105000"},{"name":"龙树镇","code":"530621107000"},{"name":"火德红镇","code":"530621106000"},{"name":"茨院回族乡","code":"530621202000"},{"name":"文屏镇","code":""},{"name":"乐红镇","code":"530621110000"},{"name":"小寨镇","code":"530621104000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
