移动端Web地图下载及离线使用

需求：

1.浏览器在线显示Web地图（瓦片地图）时，提供下载功能，可下载指定范围内得地图瓦片 2.应用离线时（PWA技术实现Web页面媲美原生应用），显示下载得瓦片地图 实现： 1.利用weiwudi实现地图下载（存入IndexedDB）及离线发布 https://www.npmjs.com/package/weiwudi 2.pwa配置（nuxt.js前端框架） nuxt.config.js中添加

modules: ['@nuxtjs/pwa']

pwa: {

workbox: {

dev: true,

workboxExtensions: ['workboxExtensions.js'],

swScope: '/离线页面路径，缓存对象页面，pwa启动时直接打开的页面',

},

manifest: {

name: '系统名等',

short_name: '系统名等',

title: '系统名等',

'og:title': '系统名等',

description: '系统名等',

'og:description': '系统名等',

lang: '语言code',

theme_color: '#ffffff',

background_color: '#ffffff',

start_url: '/离线页面路径，缓存对象页面，pwa启动时直接打开的页面',

scope: '/离线页面路径，缓存对象页面，pwa启动时直接打开的页面',

},

},

*workboxExtensions.js

importScripts(['https://cdn.jsdelivr.net/npm/weiwudi@0.1.0/src/weiwudi_sw.js'])