局域网离线地图(js/web)

文章介绍了在网络受限情况下如何使用离线地图,通过下载瓦片地图图片资源并利用第三方JS插件在不同缩放级别显示。同时,讨论了常见的WGS84、GCJ-02和BD-09三种坐标系及其相互转换在地图应用中的重要性。
摘要由CSDN通过智能技术生成

在网络限制的情况下,实现地图展示、打点、圈选等需求,会用到离线地图;
ALT
官方JS API不支持离线地图:
Alt
实现思路:

  1. 下载瓦片地图图片资源,该资源是由多个尺寸相同(通常是256*256像素)的小图片按文件夹分层级压缩而成,将其放置在服务器;
  2. 引入绘制地图的第三方插件,在代码中初始化地图;
  3. 配置好资源路径,在地图上缩放是按层级显示地图;
瓦片地图(资源下载及原理介绍)

为了达到更快的地图加载效率,地图资源大多以瓦片形式加载,即在不同的缩放等级下,在服务端获取相对应的瓦片资源。
瓦片原理介绍
(资源下载路径待更。。。)

坐标系

现在常用的坐标系一般分为以下三种,这三个坐标系之间也是可以相互转换的:
地图坐标转换

  • WGS84(mapbox、谷歌):即地球坐标系,国际上通用坐标系
  • GCJ-02(高德、腾讯):即火星坐标系,WGS84坐标系经加密后的坐标系。
  • BD-09(百度):即百度坐标系,GCJ-02坐标系经加密后的坐标系。
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值