yangyanggu / vue-amap

高德地图封装 for vue2 vue3.0
https://vue-amap.guyixi.cn/
MIT License
252 stars 13 forks source link

离线地图模式怎么用 #67

Open sweetyguazi opened 9 months ago

sweetyguazi commented 9 months ago

我看到有个offline属性,离线地图模式怎么使用呢?

yangyanggu commented 9 months ago

这个属性只是代表不自动加载高德JSAPI,需要自己在script里加载,不是真正意义上的离线

yangyanggu commented 8 months ago

可以看下这个文档: https://vue-amap.guyixi.cn/zh-cn/introduction/offline-jsapi.html

sendking commented 8 months ago

请问有使用离线地图 + 本地图片瓦片的demo吗

yangyanggu commented 8 months ago

没有我大概说下思路,

  1. 从我上面那个链接里下载离线需要的JSAPI文件,
  2. 在vue项目的index.html中使用script加载那个amap.js文件
  3. 正常进行组件初始化,在main.js中执行
    initAMapApiLoader({
    offline: true
    })
  4. 正常使用组件,可以使用el-amap-layer-tile加载本地瓦片,这个时候底图的坐标就会根据你瓦片的坐标体系来确定,比如你的瓦片是WGS84的,那么地图上叠加marker时就用WGS84坐标,如果你希望使用gcj02坐标,但瓦片又不是gcj02,那么可以使用el-amap-layer-custom-xyz 进行瓦片纠偏加载

上面文档里的内容已经比较详细了

EduarteXD commented 8 months ago

请问有使用离线地图 + 本地图片瓦片的demo吗

https://github.com/sendking/vueamap-offline