轻松实现离线地图-离线地图-地图瓦片下载

该示例展示了如何在前端创建一个离线地图,无需连接到互联网或与后端交互。地图瓦片通过Java代码自动下载,按照层级组织。下载的瓦片存储在本地,并使用Leaflet框架进行展示。为了运行离线地图,可以查看提供的indexGaoDeMy.html文件。下载工具Test4.java负责拼接并存储符合Leaflet规则的瓦片路径。
摘要由CSDN通过智能技术生成

此demo为前端页面离线地图,不连外网,不用与后端交互,瓦片下载的全就显示的全;

代码示例下载:

    链接:https://pan.baidu.com/s/1We86NFDNBCoD9JPz3z_iyw 提取码:lhrn   里面有使用讲解视频

    或者

    https://download.csdn.net/download/bird73/10323603

 

demo中请点击indexGaoDeMy.html 启动离线地图

    --  地图的瓦盘请使用java代码自动下载,下载需要分层级,每个层级有自己的坐标

    --  下载后的瓦片放入examples/img中

    --  地图显示使用leaflet框架显示 https://leafletjs.com/ , 我只是下载了瓦片,同时将地图路径改为本地的瓦片位置

 

 

x-y-z三个概念

 

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值