随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理邵阳市洞口县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts邵阳市洞口县geoJson地图点击地图获取经纬度
echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.
echarts邵阳市洞口县geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts邵阳市洞口县geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
threejs邵阳市洞口县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果想系统的学习threejs的话，可以观看threejs视频教程 Three.js前端3D可视化教程
threejs邵阳市洞口县geoJson地图3d地图CSS3D标签
通过threejs绘制的3d地图CSS3D标签实例，CSS3D不面向摄像机，跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份
邵阳市洞口县 下辖有 古楼乡,山门镇,岩山乡,醪田镇,高沙镇,黄桥镇,大屋瑶族乡,月溪乡,罗溪瑶族乡,杨林乡,江口镇,石柱乡,长塘瑶族乡,桐山乡,毓兰镇,水东乡,洞口镇,渣坪乡,石江镇,竹市镇,花古乡,花园镇,洞口县茶铺茶场管理区
邵阳市洞口县下辖区域坐标
{"古楼乡":[110.465588940148,27.04939555180854],"山门镇":[110.66902653886069,27.20120555846704],"岩山乡":[110.59950154521874,27.15783390929188],"醪田镇":[110.77978535232626,27.22380911389779],"高沙镇":[110.6923691361916,26.96003849239469],"黄桥镇":[110.83594504455618,27.0246056567203],"大屋瑶族乡":[110.5952611561053,27.26029781553413],"月溪乡":[110.4408290726772,27.13219958529242],"罗溪瑶族乡":[110.22740296641929,27.06029351808377],"杨林乡":[110.90086721265732,26.95009309716791],"江口镇":[110.37144970203062,27.17079624392287],"石柱乡":[110.73419941582262,27.29157452913628],"长塘瑶族乡":[110.51366745292535,27.12907235324826],"桐山乡":[110.6605937237709,27.30458860987724],"毓兰镇":[110.52554737752853,26.98445855044061],"水东乡":[110.73821933972715,27.15636771345773],"洞口镇":[110.60163681439238,27.0776443915557],"渣坪乡":[110.50619337171597,27.24205379929212],"石江镇":[110.80046883533458,27.08042672780025],"竹市镇":[110.69534953683275,27.08335559753789],"花古乡":[110.56126041459737,27.03222810445493],"花园镇":[110.55410637626275,26.90801027336688],"洞口县茶铺茶场管理区":[110.63452340491406,26.97294991107928]}
邵阳市洞口县行政划分代码
[{"name":"古楼乡","code":"430525201000"},{"name":"山门镇","code":"430525107000"},{"name":"岩山乡","code":""},{"name":"醪田镇","code":"430525108000"},{"name":"高沙镇","code":"430525103000"},{"name":"黄桥镇","code":"430525106000"},{"name":"大屋瑶族乡","code":"430525212000"},{"name":"月溪乡","code":""},{"name":"罗溪瑶族乡","code":"430525203000"},{"name":"杨林乡","code":""},{"name":"江口镇","code":"430525101000"},{"name":"石柱乡","code":""},{"name":"长塘瑶族乡","code":"430525202000"},{"name":"桐山乡","code":"430525211000"},{"name":"毓兰镇","code":"430525102000"},{"name":"水东乡","code":""},{"name":"洞口镇","code":""},{"name":"渣坪乡","code":"430525205000"},{"name":"石江镇","code":"430525105000"},{"name":"竹市镇","code":"430525104000"},{"name":"花古乡","code":""},{"name":"花园镇","code":"430525109000"},{"name":"洞口县茶铺茶场管理区","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
