在网络限制的情况下,实现地图展示、打点、圈选等需求,会用到离线地图;
官方JS API不支持离线地图:
实现思路:
- 下载瓦片地图图片资源,该资源是由多个尺寸相同(通常是256*256像素)的小图片按文件夹分层级压缩而成,将其放置在服务器;
- 引入绘制地图的第三方插件,在代码中初始化地图;
- 配置好资源路径,在地图上缩放是按层级显示地图;
瓦片地图(资源下载及原理介绍)
为了达到更快的地图加载效率,地图资源大多以瓦片形式加载,即在不同的缩放等级下,在服务端获取相对应的瓦片资源。
瓦片原理介绍
(资源下载路径待更。。。)
坐标系
现在常用的坐标系一般分为以下三种,这三个坐标系之间也是可以相互转换的:
地图坐标转换
- WGS84(mapbox、谷歌):即地球坐标系,国际上通用坐标系
- GCJ-02(高德、腾讯):即火星坐标系,WGS84坐标系经加密后的坐标系。
- BD-09(百度):即百度坐标系,GCJ-02坐标系经加密后的坐标系。