离线地图
parent
d3d72cd8e5
commit
a7b3afeb64
|
|
@ -1,143 +1,24 @@
|
||||||
# ---> Node
|
|
||||||
# Logs
|
# Logs
|
||||||
logs
|
logs
|
||||||
*.log
|
*.log
|
||||||
npm-debug.log*
|
npm-debug.log*
|
||||||
yarn-debug.log*
|
yarn-debug.log*
|
||||||
yarn-error.log*
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
lerna-debug.log*
|
lerna-debug.log*
|
||||||
.pnpm-debug.log*
|
|
||||||
|
|
||||||
# Diagnostic reports (https://nodejs.org/api/report.html)
|
node_modules
|
||||||
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
|
||||||
|
|
||||||
# Runtime data
|
|
||||||
pids
|
|
||||||
*.pid
|
|
||||||
*.seed
|
|
||||||
*.pid.lock
|
|
||||||
|
|
||||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
|
||||||
lib-cov
|
|
||||||
|
|
||||||
# Coverage directory used by tools like istanbul
|
|
||||||
coverage
|
|
||||||
*.lcov
|
|
||||||
|
|
||||||
# nyc test coverage
|
|
||||||
.nyc_output
|
|
||||||
|
|
||||||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
|
||||||
.grunt
|
|
||||||
|
|
||||||
# Bower dependency directory (https://bower.io/)
|
|
||||||
bower_components
|
|
||||||
|
|
||||||
# node-waf configuration
|
|
||||||
.lock-wscript
|
|
||||||
|
|
||||||
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
|
||||||
build/Release
|
|
||||||
|
|
||||||
# Dependency directories
|
|
||||||
node_modules/
|
|
||||||
jspm_packages/
|
|
||||||
|
|
||||||
# Snowpack dependency directory (https://snowpack.dev/)
|
|
||||||
web_modules/
|
|
||||||
|
|
||||||
# TypeScript cache
|
|
||||||
*.tsbuildinfo
|
|
||||||
|
|
||||||
# Optional npm cache directory
|
|
||||||
.npm
|
|
||||||
|
|
||||||
# Optional eslint cache
|
|
||||||
.eslintcache
|
|
||||||
|
|
||||||
# Optional stylelint cache
|
|
||||||
.stylelintcache
|
|
||||||
|
|
||||||
# Microbundle cache
|
|
||||||
.rpt2_cache/
|
|
||||||
.rts2_cache_cjs/
|
|
||||||
.rts2_cache_es/
|
|
||||||
.rts2_cache_umd/
|
|
||||||
|
|
||||||
# Optional REPL history
|
|
||||||
.node_repl_history
|
|
||||||
|
|
||||||
# Output of 'npm pack'
|
|
||||||
*.tgz
|
|
||||||
|
|
||||||
# Yarn Integrity file
|
|
||||||
.yarn-integrity
|
|
||||||
|
|
||||||
# dotenv environment variable files
|
|
||||||
.env
|
|
||||||
.env.development.local
|
|
||||||
.env.test.local
|
|
||||||
.env.production.local
|
|
||||||
.env.local
|
|
||||||
|
|
||||||
# parcel-bundler cache (https://parceljs.org/)
|
|
||||||
.cache
|
|
||||||
.parcel-cache
|
|
||||||
|
|
||||||
# Next.js build output
|
|
||||||
.next
|
|
||||||
out
|
|
||||||
|
|
||||||
# Nuxt.js build / generate output
|
|
||||||
.nuxt
|
|
||||||
dist
|
dist
|
||||||
|
dist-ssr
|
||||||
|
*.local
|
||||||
|
|
||||||
# Gatsby files
|
# Editor directories and files
|
||||||
.cache/
|
.vscode/*
|
||||||
# Comment in the public line in if your project uses Gatsby and not Next.js
|
!.vscode/extensions.json
|
||||||
# https://nextjs.org/blog/next-9-1#public-directory-support
|
.idea
|
||||||
# public
|
.DS_Store
|
||||||
|
*.suo
|
||||||
# vuepress build output
|
*.ntvs*
|
||||||
.vuepress/dist
|
*.njsproj
|
||||||
|
*.sln
|
||||||
# vuepress v2.x temp and cache directory
|
*.sw?
|
||||||
.temp
|
|
||||||
.cache
|
|
||||||
|
|
||||||
# Docusaurus cache and generated files
|
|
||||||
.docusaurus
|
|
||||||
|
|
||||||
# Serverless directories
|
|
||||||
.serverless/
|
|
||||||
|
|
||||||
# FuseBox cache
|
|
||||||
.fusebox/
|
|
||||||
|
|
||||||
# DynamoDB Local files
|
|
||||||
.dynamodb/
|
|
||||||
|
|
||||||
# TernJS port file
|
|
||||||
.tern-port
|
|
||||||
|
|
||||||
# Stores VSCode versions used for testing VSCode extensions
|
|
||||||
.vscode-test
|
|
||||||
|
|
||||||
# yarn v2
|
|
||||||
.yarn/cache
|
|
||||||
.yarn/unplugged
|
|
||||||
.yarn/build-state.yml
|
|
||||||
.yarn/install-state.gz
|
|
||||||
.pnp.*
|
|
||||||
|
|
||||||
# ---> Vue
|
|
||||||
# gitignore template for Vue.js projects
|
|
||||||
#
|
|
||||||
# Recommended template: Node.gitignore
|
|
||||||
|
|
||||||
# TODO: where does this rule come from?
|
|
||||||
docs/_book
|
|
||||||
|
|
||||||
# TODO: where does this rule come from?
|
|
||||||
test/
|
|
||||||
|
|
||||||
|
|
|
||||||
12
README.md
12
README.md
|
|
@ -1,6 +1,8 @@
|
||||||
# map-offline
|
##
|
||||||
|
|
||||||
离线地图
|
// L.tileLayer("http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}", {
|
||||||
|
// attribution: '© ',
|
||||||
这个是离线地图
|
// maxZoom: 15,
|
||||||
测试2
|
// minZoom: 10,
|
||||||
|
// subdomains: "1234"
|
||||||
|
// }).addTo(map.value)
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Vite + Vue + TS</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.ts"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,35 @@
|
||||||
|
{
|
||||||
|
"name": "map-offline",
|
||||||
|
"private": true,
|
||||||
|
"version": "0.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite --host",
|
||||||
|
"build": "vue-tsc && vite build",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@quasar/extras": "^1.16.5",
|
||||||
|
"@types/leaflet-draw": "^1.0.7",
|
||||||
|
"@types/proj4leaflet": "^1.0.7",
|
||||||
|
"@vueuse/core": "^10.2.1",
|
||||||
|
"geojson": "^0.5.0",
|
||||||
|
"leaflet": "^1.9.4",
|
||||||
|
"leaflet-draw": "^1.0.4",
|
||||||
|
"proj4": "^2.9.0",
|
||||||
|
"proj4leaflet": "^1.0.2",
|
||||||
|
"quasar": "^2.12.3",
|
||||||
|
"vue": "^3.3.4"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@quasar/vite-plugin": "^1.4.1",
|
||||||
|
"@types/geojson": "^7946.0.10",
|
||||||
|
"@types/leaflet": "^1.9.3",
|
||||||
|
"@types/proj4": "^2.5.2",
|
||||||
|
"@vitejs/plugin-vue": "^4.2.3",
|
||||||
|
"sass": "^1.32.12",
|
||||||
|
"typescript": "^5.0.2",
|
||||||
|
"vite": "^4.4.0",
|
||||||
|
"vue-tsc": "^1.8.3"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,857 @@
|
||||||
|
lockfileVersion: '6.0'
|
||||||
|
|
||||||
|
settings:
|
||||||
|
autoInstallPeers: true
|
||||||
|
excludeLinksFromLockfile: false
|
||||||
|
|
||||||
|
dependencies:
|
||||||
|
'@quasar/extras':
|
||||||
|
specifier: ^1.16.5
|
||||||
|
version: 1.16.5
|
||||||
|
'@types/leaflet-draw':
|
||||||
|
specifier: ^1.0.7
|
||||||
|
version: 1.0.7
|
||||||
|
'@types/proj4leaflet':
|
||||||
|
specifier: ^1.0.7
|
||||||
|
version: 1.0.7
|
||||||
|
'@vueuse/core':
|
||||||
|
specifier: ^10.2.1
|
||||||
|
version: 10.2.1(vue@3.3.4)
|
||||||
|
geojson:
|
||||||
|
specifier: ^0.5.0
|
||||||
|
version: 0.5.0
|
||||||
|
leaflet:
|
||||||
|
specifier: ^1.9.4
|
||||||
|
version: 1.9.4
|
||||||
|
leaflet-draw:
|
||||||
|
specifier: ^1.0.4
|
||||||
|
version: 1.0.4
|
||||||
|
proj4:
|
||||||
|
specifier: ^2.9.0
|
||||||
|
version: 2.9.0
|
||||||
|
proj4leaflet:
|
||||||
|
specifier: ^1.0.2
|
||||||
|
version: 1.0.2
|
||||||
|
quasar:
|
||||||
|
specifier: ^2.12.3
|
||||||
|
version: 2.12.3
|
||||||
|
vue:
|
||||||
|
specifier: ^3.3.4
|
||||||
|
version: 3.3.4
|
||||||
|
|
||||||
|
devDependencies:
|
||||||
|
'@quasar/vite-plugin':
|
||||||
|
specifier: ^1.4.1
|
||||||
|
version: 1.4.1(@vitejs/plugin-vue@4.2.3)(quasar@2.12.3)(vite@4.4.4)(vue@3.3.4)
|
||||||
|
'@types/geojson':
|
||||||
|
specifier: ^7946.0.10
|
||||||
|
version: 7946.0.10
|
||||||
|
'@types/leaflet':
|
||||||
|
specifier: ^1.9.3
|
||||||
|
version: 1.9.3
|
||||||
|
'@types/proj4':
|
||||||
|
specifier: ^2.5.2
|
||||||
|
version: 2.5.2
|
||||||
|
'@vitejs/plugin-vue':
|
||||||
|
specifier: ^4.2.3
|
||||||
|
version: 4.2.3(vite@4.4.4)(vue@3.3.4)
|
||||||
|
sass:
|
||||||
|
specifier: ^1.32.12
|
||||||
|
version: 1.32.12
|
||||||
|
typescript:
|
||||||
|
specifier: ^5.0.2
|
||||||
|
version: 5.1.6
|
||||||
|
vite:
|
||||||
|
specifier: ^4.4.0
|
||||||
|
version: 4.4.4(sass@1.32.12)
|
||||||
|
vue-tsc:
|
||||||
|
specifier: ^1.8.3
|
||||||
|
version: 1.8.5(typescript@5.1.6)
|
||||||
|
|
||||||
|
packages:
|
||||||
|
|
||||||
|
/@babel/helper-string-parser@7.22.5:
|
||||||
|
resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
|
||||||
|
engines: {node: '>=6.9.0'}
|
||||||
|
|
||||||
|
/@babel/helper-validator-identifier@7.22.5:
|
||||||
|
resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==}
|
||||||
|
engines: {node: '>=6.9.0'}
|
||||||
|
|
||||||
|
/@babel/parser@7.22.7:
|
||||||
|
resolution: {integrity: sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==}
|
||||||
|
engines: {node: '>=6.0.0'}
|
||||||
|
hasBin: true
|
||||||
|
dependencies:
|
||||||
|
'@babel/types': 7.22.5
|
||||||
|
|
||||||
|
/@babel/types@7.22.5:
|
||||||
|
resolution: {integrity: sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==}
|
||||||
|
engines: {node: '>=6.9.0'}
|
||||||
|
dependencies:
|
||||||
|
'@babel/helper-string-parser': 7.22.5
|
||||||
|
'@babel/helper-validator-identifier': 7.22.5
|
||||||
|
to-fast-properties: 2.0.0
|
||||||
|
|
||||||
|
/@esbuild/android-arm64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-j7NhycJUoUAG5kAzGf4fPWfd17N6SM3o1X6MlXVqfHvs2buFraCJzos9vbeWjLxOyBKHyPOnuCuipbhvbYtTAg==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [arm64]
|
||||||
|
os: [android]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/android-arm@0.18.13:
|
||||||
|
resolution: {integrity: sha512-KwqFhxRFMKZINHzCqf8eKxE0XqWlAVPRxwy6rc7CbVFxzUWB2sA/s3hbMZeemPdhN3fKBkqOaFhTbS8xJXYIWQ==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [arm]
|
||||||
|
os: [android]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/android-x64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-M2eZkRxR6WnWfVELHmv6MUoHbOqnzoTVSIxgtsyhm/NsgmL+uTmag/VVzdXvmahak1I6sOb1K/2movco5ikDJg==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [x64]
|
||||||
|
os: [android]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/darwin-arm64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-f5goG30YgR1GU+fxtaBRdSW3SBG9pZW834Mmhxa6terzcboz7P2R0k4lDxlkP7NYRIIdBbWp+VgwQbmMH4yV7w==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [arm64]
|
||||||
|
os: [darwin]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/darwin-x64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-RIrxoKH5Eo+yE5BtaAIMZaiKutPhZjw+j0OCh8WdvKEKJQteacq0myZvBDLU+hOzQOZWJeDnuQ2xgSScKf1Ovw==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [x64]
|
||||||
|
os: [darwin]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/freebsd-arm64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-AfRPhHWmj9jGyLgW/2FkYERKmYR+IjYxf2rtSLmhOrPGFh0KCETFzSjx/JX/HJnvIqHt/DRQD/KAaVsUKoI3Xg==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [arm64]
|
||||||
|
os: [freebsd]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/freebsd-x64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-pGzWWZJBInhIgdEwzn8VHUBang8UvFKsvjDkeJ2oyY5gZtAM6BaxK0QLCuZY+qoj/nx/lIaItH425rm/hloETA==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [x64]
|
||||||
|
os: [freebsd]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/linux-arm64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-hCzZbVJEHV7QM77fHPv2qgBcWxgglGFGCxk6KfQx6PsVIdi1u09X7IvgE9QKqm38OpkzaAkPnnPqwRsltvLkIQ==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [arm64]
|
||||||
|
os: [linux]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/linux-arm@0.18.13:
|
||||||
|
resolution: {integrity: sha512-4iMxLRMCxGyk7lEvkkvrxw4aJeC93YIIrfbBlUJ062kilUUnAiMb81eEkVvCVoh3ON283ans7+OQkuy1uHW+Hw==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [arm]
|
||||||
|
os: [linux]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/linux-ia32@0.18.13:
|
||||||
|
resolution: {integrity: sha512-I3OKGbynl3AAIO6onXNrup/ttToE6Rv2XYfFgLK/wnr2J+1g+7k4asLrE+n7VMhaqX+BUnyWkCu27rl+62Adug==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [ia32]
|
||||||
|
os: [linux]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/linux-loong64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-8pcKDApAsKc6WW51ZEVidSGwGbebYw2qKnO1VyD8xd6JN0RN6EUXfhXmDk9Vc4/U3Y4AoFTexQewQDJGsBXBpg==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [loong64]
|
||||||
|
os: [linux]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/linux-mips64el@0.18.13:
|
||||||
|
resolution: {integrity: sha512-6GU+J1PLiVqWx8yoCK4Z0GnfKyCGIH5L2KQipxOtbNPBs+qNDcMJr9euxnyJ6FkRPyMwaSkjejzPSISD9hb+gg==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [mips64el]
|
||||||
|
os: [linux]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/linux-ppc64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-pfn/OGZ8tyR8YCV7MlLl5hAit2cmS+j/ZZg9DdH0uxdCoJpV7+5DbuXrR+es4ayRVKIcfS9TTMCs60vqQDmh+w==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [ppc64]
|
||||||
|
os: [linux]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/linux-riscv64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-aIbhU3LPg0lOSCfVeGHbmGYIqOtW6+yzO+Nfv57YblEK01oj0mFMtvDJlOaeAZ6z0FZ9D13oahi5aIl9JFphGg==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [riscv64]
|
||||||
|
os: [linux]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/linux-s390x@0.18.13:
|
||||||
|
resolution: {integrity: sha512-Pct1QwF2sp+5LVi4Iu5Y+6JsGaV2Z2vm4O9Dd7XZ5tKYxEHjFtb140fiMcl5HM1iuv6xXO8O1Vrb1iJxHlv8UA==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [s390x]
|
||||||
|
os: [linux]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/linux-x64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-zTrIP0KzYP7O0+3ZnmzvUKgGtUvf4+piY8PIO3V8/GfmVd3ZyHJGz7Ht0np3P1wz+I8qJ4rjwJKqqEAbIEPngA==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [x64]
|
||||||
|
os: [linux]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/netbsd-x64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-I6zs10TZeaHDYoGxENuksxE1sxqZpCp+agYeW039yqFwh3MgVvdmXL5NMveImOC6AtpLvE4xG5ujVic4NWFIDQ==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [x64]
|
||||||
|
os: [netbsd]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/openbsd-x64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-W5C5nczhrt1y1xPG5bV+0M12p2vetOGlvs43LH8SopQ3z2AseIROu09VgRqydx5qFN7y9qCbpgHLx0kb0TcW7g==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [x64]
|
||||||
|
os: [openbsd]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/sunos-x64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-X/xzuw4Hzpo/yq3YsfBbIsipNgmsm8mE/QeWbdGdTTeZ77fjxI2K0KP3AlhZ6gU3zKTw1bKoZTuKLnqcJ537qw==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [x64]
|
||||||
|
os: [sunos]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/win32-arm64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-4CGYdRQT/ILd+yLLE5i4VApMPfGE0RPc/wFQhlluDQCK09+b4JDbxzzjpgQqTPrdnP7r5KUtGVGZYclYiPuHrw==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [arm64]
|
||||||
|
os: [win32]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/win32-ia32@0.18.13:
|
||||||
|
resolution: {integrity: sha512-D+wKZaRhQI+MUGMH+DbEr4owC2D7XnF+uyGiZk38QbgzLcofFqIOwFs7ELmIeU45CQgfHNy9Q+LKW3cE8g37Kg==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [ia32]
|
||||||
|
os: [win32]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@esbuild/win32-x64@0.18.13:
|
||||||
|
resolution: {integrity: sha512-iVl6lehAfJS+VmpF3exKpNQ8b0eucf5VWfzR8S7xFve64NBNz2jPUgx1X93/kfnkfgP737O+i1k54SVQS7uVZA==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
cpu: [x64]
|
||||||
|
os: [win32]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/@jridgewell/sourcemap-codec@1.4.15:
|
||||||
|
resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
|
||||||
|
|
||||||
|
/@quasar/extras@1.16.5:
|
||||||
|
resolution: {integrity: sha512-3VAJS9NECr1OSHX674+3YvEMIlHclr81aZrEkoBtVqr+sX4In22Up44toua+qNFsxnoATPqzpwKOJxA3iAF71Q==}
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/@quasar/vite-plugin@1.4.1(@vitejs/plugin-vue@4.2.3)(quasar@2.12.3)(vite@4.4.4)(vue@3.3.4):
|
||||||
|
resolution: {integrity: sha512-lLw7j1A7viLQ6++p29NuYUdfjpaWctRi6tRhMYm8VPumXs8enGeV59JEJ+1tJR2FcQUMYsGOoyHHcQrsakXIkA==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
peerDependencies:
|
||||||
|
'@vitejs/plugin-vue': ^2.0.0 || ^3.0.0 || ^4.0.0
|
||||||
|
quasar: ^2.8.0
|
||||||
|
vite: ^2.0.0 || ^3.0.0 || ^4.0.0
|
||||||
|
vue: ^3.0.0
|
||||||
|
dependencies:
|
||||||
|
'@vitejs/plugin-vue': 4.2.3(vite@4.4.4)(vue@3.3.4)
|
||||||
|
quasar: 2.12.3
|
||||||
|
vite: 4.4.4(sass@1.32.12)
|
||||||
|
vue: 3.3.4
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/@types/geojson@7946.0.10:
|
||||||
|
resolution: {integrity: sha512-Nmh0K3iWQJzniTuPRcJn5hxXkfB1T1pgB89SBig5PlJQU5yocazeu4jATJlaA0GYFKWMqDdvYemoSnF2pXgLVA==}
|
||||||
|
|
||||||
|
/@types/leaflet-draw@1.0.7:
|
||||||
|
resolution: {integrity: sha512-Tje5jjUC9aPmy9NSYx8HbPIVpX2VT3JyBk6wZ46PqneJzgev+UyBuK72Emvu8xaSmAEBkhlsImR7SACsdItXSw==}
|
||||||
|
dependencies:
|
||||||
|
'@types/leaflet': 1.9.3
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/@types/leaflet@1.9.3:
|
||||||
|
resolution: {integrity: sha512-Caa1lYOgKVqDkDZVWkto2Z5JtVo09spEaUt2S69LiugbBpoqQu92HYFMGUbYezZbnBkyOxMNPXHSgRrRY5UyIA==}
|
||||||
|
dependencies:
|
||||||
|
'@types/geojson': 7946.0.10
|
||||||
|
|
||||||
|
/@types/proj4@2.5.2:
|
||||||
|
resolution: {integrity: sha512-/Nmfn9p08yaYw6xo5f2b0L+2oHk2kZeOkp5v+4VCeNfq+ETlLQbmHmC97/pjDIEZy8jxwz7pdPpwNzDHM5cuJw==}
|
||||||
|
|
||||||
|
/@types/proj4leaflet@1.0.7:
|
||||||
|
resolution: {integrity: sha512-GEqfFrl73zBVJH0GZsLASW5926pGZf2KC6/ETqiFUyYsNn4UtR0DxwfWbS9Vi9BGF0HYmCDkowlmivmxdkrtaQ==}
|
||||||
|
dependencies:
|
||||||
|
'@types/geojson': 7946.0.10
|
||||||
|
'@types/leaflet': 1.9.3
|
||||||
|
'@types/proj4': 2.5.2
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/@types/web-bluetooth@0.0.17:
|
||||||
|
resolution: {integrity: sha512-4p9vcSmxAayx72yn70joFoL44c9MO/0+iVEBIQXe3v2h2SiAsEIo/G5v6ObFWvNKRFjbrVadNf9LqEEZeQPzdA==}
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/@vitejs/plugin-vue@4.2.3(vite@4.4.4)(vue@3.3.4):
|
||||||
|
resolution: {integrity: sha512-R6JDUfiZbJA9cMiguQ7jxALsgiprjBeHL5ikpXfJCH62pPHtI+JdJ5xWj6Ev73yXSlYl86+blXn1kZHQ7uElxw==}
|
||||||
|
engines: {node: ^14.18.0 || >=16.0.0}
|
||||||
|
peerDependencies:
|
||||||
|
vite: ^4.0.0
|
||||||
|
vue: ^3.2.25
|
||||||
|
dependencies:
|
||||||
|
vite: 4.4.4(sass@1.32.12)
|
||||||
|
vue: 3.3.4
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/@volar/language-core@1.9.0:
|
||||||
|
resolution: {integrity: sha512-+PTRrGanAD2PxqMty0ZC46xhgW5BWzb67RLHhZyB3Im4+eMXsKlYjFUt7Z8ZCwTWQQOnj8NQ6gSgUEoOTwAHrQ==}
|
||||||
|
dependencies:
|
||||||
|
'@volar/source-map': 1.9.0
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/@volar/source-map@1.9.0:
|
||||||
|
resolution: {integrity: sha512-TQWLY8ozUOHBHTMC2pHZsNbtM25Q9QCEwAL8JFR/gmR9Yv0d9qup/gQdd5sDI7RmoPYKD+gqjLrbM4Ib41QSJQ==}
|
||||||
|
dependencies:
|
||||||
|
muggle-string: 0.3.1
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/@volar/typescript@1.9.0:
|
||||||
|
resolution: {integrity: sha512-B8X4/H6V93uD7zu5VCw05eB0Ukcc39SFKsZoeylkAk2sJ50oaJLpajnQ8Ov4c+FnVQ6iPA6Xy1qdWoWJjh6xEg==}
|
||||||
|
dependencies:
|
||||||
|
'@volar/language-core': 1.9.0
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/@vue/compiler-core@3.3.4:
|
||||||
|
resolution: {integrity: sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==}
|
||||||
|
dependencies:
|
||||||
|
'@babel/parser': 7.22.7
|
||||||
|
'@vue/shared': 3.3.4
|
||||||
|
estree-walker: 2.0.2
|
||||||
|
source-map-js: 1.0.2
|
||||||
|
|
||||||
|
/@vue/compiler-dom@3.3.4:
|
||||||
|
resolution: {integrity: sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==}
|
||||||
|
dependencies:
|
||||||
|
'@vue/compiler-core': 3.3.4
|
||||||
|
'@vue/shared': 3.3.4
|
||||||
|
|
||||||
|
/@vue/compiler-sfc@3.3.4:
|
||||||
|
resolution: {integrity: sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==}
|
||||||
|
dependencies:
|
||||||
|
'@babel/parser': 7.22.7
|
||||||
|
'@vue/compiler-core': 3.3.4
|
||||||
|
'@vue/compiler-dom': 3.3.4
|
||||||
|
'@vue/compiler-ssr': 3.3.4
|
||||||
|
'@vue/reactivity-transform': 3.3.4
|
||||||
|
'@vue/shared': 3.3.4
|
||||||
|
estree-walker: 2.0.2
|
||||||
|
magic-string: 0.30.1
|
||||||
|
postcss: 8.4.26
|
||||||
|
source-map-js: 1.0.2
|
||||||
|
|
||||||
|
/@vue/compiler-ssr@3.3.4:
|
||||||
|
resolution: {integrity: sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==}
|
||||||
|
dependencies:
|
||||||
|
'@vue/compiler-dom': 3.3.4
|
||||||
|
'@vue/shared': 3.3.4
|
||||||
|
|
||||||
|
/@vue/language-core@1.8.5(typescript@5.1.6):
|
||||||
|
resolution: {integrity: sha512-DKQNiNQzNV7nrkZQujvjfX73zqKdj2+KoM4YeKl+ft3f+crO3JB4ycPnmgaRMNX/ULJootdQPGHKFRl5cXxwaw==}
|
||||||
|
peerDependencies:
|
||||||
|
typescript: '*'
|
||||||
|
peerDependenciesMeta:
|
||||||
|
typescript:
|
||||||
|
optional: true
|
||||||
|
dependencies:
|
||||||
|
'@volar/language-core': 1.9.0
|
||||||
|
'@volar/source-map': 1.9.0
|
||||||
|
'@vue/compiler-dom': 3.3.4
|
||||||
|
'@vue/reactivity': 3.3.4
|
||||||
|
'@vue/shared': 3.3.4
|
||||||
|
minimatch: 9.0.3
|
||||||
|
muggle-string: 0.3.1
|
||||||
|
typescript: 5.1.6
|
||||||
|
vue-template-compiler: 2.7.14
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/@vue/reactivity-transform@3.3.4:
|
||||||
|
resolution: {integrity: sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==}
|
||||||
|
dependencies:
|
||||||
|
'@babel/parser': 7.22.7
|
||||||
|
'@vue/compiler-core': 3.3.4
|
||||||
|
'@vue/shared': 3.3.4
|
||||||
|
estree-walker: 2.0.2
|
||||||
|
magic-string: 0.30.1
|
||||||
|
|
||||||
|
/@vue/reactivity@3.3.4:
|
||||||
|
resolution: {integrity: sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==}
|
||||||
|
dependencies:
|
||||||
|
'@vue/shared': 3.3.4
|
||||||
|
|
||||||
|
/@vue/runtime-core@3.3.4:
|
||||||
|
resolution: {integrity: sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==}
|
||||||
|
dependencies:
|
||||||
|
'@vue/reactivity': 3.3.4
|
||||||
|
'@vue/shared': 3.3.4
|
||||||
|
|
||||||
|
/@vue/runtime-dom@3.3.4:
|
||||||
|
resolution: {integrity: sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==}
|
||||||
|
dependencies:
|
||||||
|
'@vue/runtime-core': 3.3.4
|
||||||
|
'@vue/shared': 3.3.4
|
||||||
|
csstype: 3.1.2
|
||||||
|
|
||||||
|
/@vue/server-renderer@3.3.4(vue@3.3.4):
|
||||||
|
resolution: {integrity: sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==}
|
||||||
|
peerDependencies:
|
||||||
|
vue: 3.3.4
|
||||||
|
dependencies:
|
||||||
|
'@vue/compiler-ssr': 3.3.4
|
||||||
|
'@vue/shared': 3.3.4
|
||||||
|
vue: 3.3.4
|
||||||
|
|
||||||
|
/@vue/shared@3.3.4:
|
||||||
|
resolution: {integrity: sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==}
|
||||||
|
|
||||||
|
/@vue/typescript@1.8.5(typescript@5.1.6):
|
||||||
|
resolution: {integrity: sha512-domFBbNr3PEcjGBeB+cmgUM3cI6pJsJezguIUKZ1rphkfIkICyoMjCd3TitoP32yo2KABLiaXcGFzgFfQf6B3w==}
|
||||||
|
dependencies:
|
||||||
|
'@volar/typescript': 1.9.0
|
||||||
|
'@vue/language-core': 1.8.5(typescript@5.1.6)
|
||||||
|
transitivePeerDependencies:
|
||||||
|
- typescript
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/@vueuse/core@10.2.1(vue@3.3.4):
|
||||||
|
resolution: {integrity: sha512-c441bfMbkAwTNwVRHQ0zdYZNETK//P84rC01aP2Uy/aRFCiie9NE/k9KdIXbno0eDYP5NPUuWv0aA/I4Unr/7w==}
|
||||||
|
dependencies:
|
||||||
|
'@types/web-bluetooth': 0.0.17
|
||||||
|
'@vueuse/metadata': 10.2.1
|
||||||
|
'@vueuse/shared': 10.2.1(vue@3.3.4)
|
||||||
|
vue-demi: 0.14.5(vue@3.3.4)
|
||||||
|
transitivePeerDependencies:
|
||||||
|
- '@vue/composition-api'
|
||||||
|
- vue
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/@vueuse/metadata@10.2.1:
|
||||||
|
resolution: {integrity: sha512-3Gt68mY/i6bQvFqx7cuGBzrCCQu17OBaGWS5JdwISpMsHnMKKjC2FeB5OAfMcCQ0oINfADP3i9A4PPRo0peHdQ==}
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/@vueuse/shared@10.2.1(vue@3.3.4):
|
||||||
|
resolution: {integrity: sha512-QWHq2bSuGptkcxx4f4M/fBYC3Y8d3M2UYyLsyzoPgEoVzJURQ0oJeWXu79OiLlBb8gTKkqe4mO85T/sf39mmiw==}
|
||||||
|
dependencies:
|
||||||
|
vue-demi: 0.14.5(vue@3.3.4)
|
||||||
|
transitivePeerDependencies:
|
||||||
|
- '@vue/composition-api'
|
||||||
|
- vue
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/anymatch@3.1.3:
|
||||||
|
resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
|
||||||
|
engines: {node: '>= 8'}
|
||||||
|
dependencies:
|
||||||
|
normalize-path: 3.0.0
|
||||||
|
picomatch: 2.3.1
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/balanced-match@1.0.2:
|
||||||
|
resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/binary-extensions@2.2.0:
|
||||||
|
resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
|
||||||
|
engines: {node: '>=8'}
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/brace-expansion@2.0.1:
|
||||||
|
resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
|
||||||
|
dependencies:
|
||||||
|
balanced-match: 1.0.2
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/braces@3.0.2:
|
||||||
|
resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
|
||||||
|
engines: {node: '>=8'}
|
||||||
|
dependencies:
|
||||||
|
fill-range: 7.0.1
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/chokidar@3.5.3:
|
||||||
|
resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
|
||||||
|
engines: {node: '>= 8.10.0'}
|
||||||
|
dependencies:
|
||||||
|
anymatch: 3.1.3
|
||||||
|
braces: 3.0.2
|
||||||
|
glob-parent: 5.1.2
|
||||||
|
is-binary-path: 2.1.0
|
||||||
|
is-glob: 4.0.3
|
||||||
|
normalize-path: 3.0.0
|
||||||
|
readdirp: 3.6.0
|
||||||
|
optionalDependencies:
|
||||||
|
fsevents: 2.3.2
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/csstype@3.1.2:
|
||||||
|
resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
|
||||||
|
|
||||||
|
/de-indent@1.0.2:
|
||||||
|
resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/esbuild@0.18.13:
|
||||||
|
resolution: {integrity: sha512-vhg/WR/Oiu4oUIkVhmfcc23G6/zWuEQKFS+yiosSHe4aN6+DQRXIfeloYGibIfVhkr4wyfuVsGNLr+sQU1rWWw==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
hasBin: true
|
||||||
|
requiresBuild: true
|
||||||
|
optionalDependencies:
|
||||||
|
'@esbuild/android-arm': 0.18.13
|
||||||
|
'@esbuild/android-arm64': 0.18.13
|
||||||
|
'@esbuild/android-x64': 0.18.13
|
||||||
|
'@esbuild/darwin-arm64': 0.18.13
|
||||||
|
'@esbuild/darwin-x64': 0.18.13
|
||||||
|
'@esbuild/freebsd-arm64': 0.18.13
|
||||||
|
'@esbuild/freebsd-x64': 0.18.13
|
||||||
|
'@esbuild/linux-arm': 0.18.13
|
||||||
|
'@esbuild/linux-arm64': 0.18.13
|
||||||
|
'@esbuild/linux-ia32': 0.18.13
|
||||||
|
'@esbuild/linux-loong64': 0.18.13
|
||||||
|
'@esbuild/linux-mips64el': 0.18.13
|
||||||
|
'@esbuild/linux-ppc64': 0.18.13
|
||||||
|
'@esbuild/linux-riscv64': 0.18.13
|
||||||
|
'@esbuild/linux-s390x': 0.18.13
|
||||||
|
'@esbuild/linux-x64': 0.18.13
|
||||||
|
'@esbuild/netbsd-x64': 0.18.13
|
||||||
|
'@esbuild/openbsd-x64': 0.18.13
|
||||||
|
'@esbuild/sunos-x64': 0.18.13
|
||||||
|
'@esbuild/win32-arm64': 0.18.13
|
||||||
|
'@esbuild/win32-ia32': 0.18.13
|
||||||
|
'@esbuild/win32-x64': 0.18.13
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/estree-walker@2.0.2:
|
||||||
|
resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
|
||||||
|
|
||||||
|
/fill-range@7.0.1:
|
||||||
|
resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
|
||||||
|
engines: {node: '>=8'}
|
||||||
|
dependencies:
|
||||||
|
to-regex-range: 5.0.1
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/fsevents@2.3.2:
|
||||||
|
resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
|
||||||
|
engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
|
||||||
|
os: [darwin]
|
||||||
|
requiresBuild: true
|
||||||
|
dev: true
|
||||||
|
optional: true
|
||||||
|
|
||||||
|
/geojson@0.5.0:
|
||||||
|
resolution: {integrity: sha512-/Bx5lEn+qRF4TfQ5aLu6NH+UKtvIv7Lhc487y/c8BdludrCTpiWf9wyI0RTyqg49MFefIAvFDuEi5Dfd/zgNxQ==}
|
||||||
|
engines: {node: '>= 0.10'}
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/glob-parent@5.1.2:
|
||||||
|
resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
|
||||||
|
engines: {node: '>= 6'}
|
||||||
|
dependencies:
|
||||||
|
is-glob: 4.0.3
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/he@1.2.0:
|
||||||
|
resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
|
||||||
|
hasBin: true
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/is-binary-path@2.1.0:
|
||||||
|
resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
|
||||||
|
engines: {node: '>=8'}
|
||||||
|
dependencies:
|
||||||
|
binary-extensions: 2.2.0
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/is-extglob@2.1.1:
|
||||||
|
resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
|
||||||
|
engines: {node: '>=0.10.0'}
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/is-glob@4.0.3:
|
||||||
|
resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
|
||||||
|
engines: {node: '>=0.10.0'}
|
||||||
|
dependencies:
|
||||||
|
is-extglob: 2.1.1
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/is-number@7.0.0:
|
||||||
|
resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
|
||||||
|
engines: {node: '>=0.12.0'}
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/leaflet-draw@1.0.4:
|
||||||
|
resolution: {integrity: sha512-rsQ6saQO5ST5Aj6XRFylr5zvarWgzWnrg46zQ1MEOEIHsppdC/8hnN8qMoFvACsPvTioAuysya/TVtog15tyAQ==}
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/leaflet@1.9.4:
|
||||||
|
resolution: {integrity: sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==}
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/lru-cache@6.0.0:
|
||||||
|
resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
|
||||||
|
engines: {node: '>=10'}
|
||||||
|
dependencies:
|
||||||
|
yallist: 4.0.0
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/magic-string@0.30.1:
|
||||||
|
resolution: {integrity: sha512-mbVKXPmS0z0G4XqFDCTllmDQ6coZzn94aMlb0o/A4HEHJCKcanlDZwYJgwnkmgD3jyWhUgj9VsPrfd972yPffA==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
dependencies:
|
||||||
|
'@jridgewell/sourcemap-codec': 1.4.15
|
||||||
|
|
||||||
|
/mgrs@1.0.0:
|
||||||
|
resolution: {integrity: sha512-awNbTOqCxK1DBGjalK3xqWIstBZgN6fxsMSiXLs9/spqWkF2pAhb2rrYCFSsr1/tT7PhcDGjZndG8SWYn0byYA==}
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/minimatch@9.0.3:
|
||||||
|
resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
|
||||||
|
engines: {node: '>=16 || 14 >=14.17'}
|
||||||
|
dependencies:
|
||||||
|
brace-expansion: 2.0.1
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/muggle-string@0.3.1:
|
||||||
|
resolution: {integrity: sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg==}
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/nanoid@3.3.6:
|
||||||
|
resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
|
||||||
|
engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
|
||||||
|
hasBin: true
|
||||||
|
|
||||||
|
/normalize-path@3.0.0:
|
||||||
|
resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
|
||||||
|
engines: {node: '>=0.10.0'}
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/picocolors@1.0.0:
|
||||||
|
resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
|
||||||
|
|
||||||
|
/picomatch@2.3.1:
|
||||||
|
resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
|
||||||
|
engines: {node: '>=8.6'}
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/postcss@8.4.26:
|
||||||
|
resolution: {integrity: sha512-jrXHFF8iTloAenySjM/ob3gSj7pCu0Ji49hnjqzsgSRa50hkWCKD0HQ+gMNJkW38jBI68MpAAg7ZWwHwX8NMMw==}
|
||||||
|
engines: {node: ^10 || ^12 || >=14}
|
||||||
|
dependencies:
|
||||||
|
nanoid: 3.3.6
|
||||||
|
picocolors: 1.0.0
|
||||||
|
source-map-js: 1.0.2
|
||||||
|
|
||||||
|
/proj4@2.9.0:
|
||||||
|
resolution: {integrity: sha512-BoDXEzCVnRJVZoOKA0QHTFtYoE8lUxtX1jST38DJ8U+v1ixY70Kpwi0Llu6YqSWEH2xqu4XMEBNGcgeRIEywoA==}
|
||||||
|
dependencies:
|
||||||
|
mgrs: 1.0.0
|
||||||
|
wkt-parser: 1.3.3
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/proj4leaflet@1.0.2:
|
||||||
|
resolution: {integrity: sha512-6GdDeUlhX/tHUiMEj80xQhlPjwrXcdfD0D5OBymY8WvxfbmZcdhNqQk7n7nFf53ue6QdP9ls9ZPjsAxnbZDTsw==}
|
||||||
|
dependencies:
|
||||||
|
proj4: 2.9.0
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/quasar@2.12.3:
|
||||||
|
resolution: {integrity: sha512-9KK5TXWGsZ6XFF6MJQ0E98yp++D1PagqSJrKpE91A6QnZ1gng4KtkFI5iPyuqXciFpXvxniiLsZtxD5ZICHvPw==}
|
||||||
|
engines: {node: '>= 10.18.1', npm: '>= 6.13.4', yarn: '>= 1.21.1'}
|
||||||
|
|
||||||
|
/readdirp@3.6.0:
|
||||||
|
resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
|
||||||
|
engines: {node: '>=8.10.0'}
|
||||||
|
dependencies:
|
||||||
|
picomatch: 2.3.1
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/rollup@3.26.3:
|
||||||
|
resolution: {integrity: sha512-7Tin0C8l86TkpcMtXvQu6saWH93nhG3dGQ1/+l5V2TDMceTxO7kDiK6GzbfLWNNxqJXm591PcEZUozZm51ogwQ==}
|
||||||
|
engines: {node: '>=14.18.0', npm: '>=8.0.0'}
|
||||||
|
hasBin: true
|
||||||
|
optionalDependencies:
|
||||||
|
fsevents: 2.3.2
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/sass@1.32.12:
|
||||||
|
resolution: {integrity: sha512-zmXn03k3hN0KaiVTjohgkg98C3UowhL1/VSGdj4/VAAiMKGQOE80PFPxFP2Kyq0OUskPKcY5lImkhBKEHlypJA==}
|
||||||
|
engines: {node: '>=8.9.0'}
|
||||||
|
hasBin: true
|
||||||
|
dependencies:
|
||||||
|
chokidar: 3.5.3
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/semver@7.5.4:
|
||||||
|
resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
|
||||||
|
engines: {node: '>=10'}
|
||||||
|
hasBin: true
|
||||||
|
dependencies:
|
||||||
|
lru-cache: 6.0.0
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/source-map-js@1.0.2:
|
||||||
|
resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
|
||||||
|
engines: {node: '>=0.10.0'}
|
||||||
|
|
||||||
|
/to-fast-properties@2.0.0:
|
||||||
|
resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
|
||||||
|
engines: {node: '>=4'}
|
||||||
|
|
||||||
|
/to-regex-range@5.0.1:
|
||||||
|
resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
|
||||||
|
engines: {node: '>=8.0'}
|
||||||
|
dependencies:
|
||||||
|
is-number: 7.0.0
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/typescript@5.1.6:
|
||||||
|
resolution: {integrity: sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==}
|
||||||
|
engines: {node: '>=14.17'}
|
||||||
|
hasBin: true
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/vite@4.4.4(sass@1.32.12):
|
||||||
|
resolution: {integrity: sha512-4mvsTxjkveWrKDJI70QmelfVqTm+ihFAb6+xf4sjEU2TmUCTlVX87tmg/QooPEMQb/lM9qGHT99ebqPziEd3wg==}
|
||||||
|
engines: {node: ^14.18.0 || >=16.0.0}
|
||||||
|
hasBin: true
|
||||||
|
peerDependencies:
|
||||||
|
'@types/node': '>= 14'
|
||||||
|
less: '*'
|
||||||
|
lightningcss: ^1.21.0
|
||||||
|
sass: '*'
|
||||||
|
stylus: '*'
|
||||||
|
sugarss: '*'
|
||||||
|
terser: ^5.4.0
|
||||||
|
peerDependenciesMeta:
|
||||||
|
'@types/node':
|
||||||
|
optional: true
|
||||||
|
less:
|
||||||
|
optional: true
|
||||||
|
lightningcss:
|
||||||
|
optional: true
|
||||||
|
sass:
|
||||||
|
optional: true
|
||||||
|
stylus:
|
||||||
|
optional: true
|
||||||
|
sugarss:
|
||||||
|
optional: true
|
||||||
|
terser:
|
||||||
|
optional: true
|
||||||
|
dependencies:
|
||||||
|
esbuild: 0.18.13
|
||||||
|
postcss: 8.4.26
|
||||||
|
rollup: 3.26.3
|
||||||
|
sass: 1.32.12
|
||||||
|
optionalDependencies:
|
||||||
|
fsevents: 2.3.2
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/vue-demi@0.14.5(vue@3.3.4):
|
||||||
|
resolution: {integrity: sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==}
|
||||||
|
engines: {node: '>=12'}
|
||||||
|
hasBin: true
|
||||||
|
requiresBuild: true
|
||||||
|
peerDependencies:
|
||||||
|
'@vue/composition-api': ^1.0.0-rc.1
|
||||||
|
vue: ^3.0.0-0 || ^2.6.0
|
||||||
|
peerDependenciesMeta:
|
||||||
|
'@vue/composition-api':
|
||||||
|
optional: true
|
||||||
|
dependencies:
|
||||||
|
vue: 3.3.4
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/vue-template-compiler@2.7.14:
|
||||||
|
resolution: {integrity: sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==}
|
||||||
|
dependencies:
|
||||||
|
de-indent: 1.0.2
|
||||||
|
he: 1.2.0
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/vue-tsc@1.8.5(typescript@5.1.6):
|
||||||
|
resolution: {integrity: sha512-Jr8PTghJIwp69MFsEZoADDcv2l+lXA8juyN/5AYA5zxyZNvIHjSbgKgkYIYc1qnihrOyIG1VOnfk4ZE0jqn8bw==}
|
||||||
|
hasBin: true
|
||||||
|
peerDependencies:
|
||||||
|
typescript: '*'
|
||||||
|
dependencies:
|
||||||
|
'@vue/language-core': 1.8.5(typescript@5.1.6)
|
||||||
|
'@vue/typescript': 1.8.5(typescript@5.1.6)
|
||||||
|
semver: 7.5.4
|
||||||
|
typescript: 5.1.6
|
||||||
|
dev: true
|
||||||
|
|
||||||
|
/vue@3.3.4:
|
||||||
|
resolution: {integrity: sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==}
|
||||||
|
dependencies:
|
||||||
|
'@vue/compiler-dom': 3.3.4
|
||||||
|
'@vue/compiler-sfc': 3.3.4
|
||||||
|
'@vue/runtime-dom': 3.3.4
|
||||||
|
'@vue/server-renderer': 3.3.4(vue@3.3.4)
|
||||||
|
'@vue/shared': 3.3.4
|
||||||
|
|
||||||
|
/wkt-parser@1.3.3:
|
||||||
|
resolution: {integrity: sha512-ZnV3yH8/k58ZPACOXeiHaMuXIiaTk1t0hSUVisbO0t4RjA5wPpUytcxeyiN2h+LZRrmuHIh/1UlrR9e7DHDvTw==}
|
||||||
|
dev: false
|
||||||
|
|
||||||
|
/yallist@4.0.0:
|
||||||
|
resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
|
||||||
|
dev: true
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -0,0 +1,130 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { onBeforeMount, ref, watch } from 'vue';
|
||||||
|
import Map from './components/Map.vue'
|
||||||
|
import Mark from './components/mapChild/Mark.vue'
|
||||||
|
import useMarks, { markType } from './hook/useMarks.ts'
|
||||||
|
import ThemeSwitch from './components/ThemeSwitch.vue'
|
||||||
|
import MarkMenu from './components/left/MarkMenu.vue'
|
||||||
|
import CtrlMenu, { DataProps } from './components/left/CtrlMenu.vue'
|
||||||
|
import { mdiLanConnect } from '@quasar/extras/mdi-v7'
|
||||||
|
import { useWindowSize } from '@vueuse/core';
|
||||||
|
|
||||||
|
|
||||||
|
const map = ref<InstanceType<typeof Map>>(); // 获取地图的实例 纂取实例方法
|
||||||
|
const marks = useMarks([{ latlng: [39.92647400, 116.40328300], title: '北京故宫', opacity: 1 }])
|
||||||
|
const tab = ref('mark')
|
||||||
|
const sideStyle = ref('20em,logo');
|
||||||
|
const { width } = useWindowSize()
|
||||||
|
|
||||||
|
onBeforeMount(() => {
|
||||||
|
sideStyle.value = width.value > 600 ? '20em,logo' : '0em,bar'
|
||||||
|
})
|
||||||
|
|
||||||
|
function changeSide(data: string) {
|
||||||
|
const _data = data.split(',')
|
||||||
|
document.body.style.setProperty('--side', _data[0])
|
||||||
|
document.body.style.setProperty('--logoOrBar', _data[1])
|
||||||
|
}
|
||||||
|
watch(sideStyle, changeSide)
|
||||||
|
|
||||||
|
function pushMark(params: any, type: markType) {
|
||||||
|
const { latlng } = params;
|
||||||
|
marks.value.push({ latlng: [latlng.lat, latlng.lng], title: '新标点', opacity: 1, type })
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeMark(index: number) {
|
||||||
|
marks.value.splice(index, 1)
|
||||||
|
}
|
||||||
|
|
||||||
|
function flytoMark(index: number) {
|
||||||
|
map.value?.flyTo(marks.value[index].latlng)
|
||||||
|
}
|
||||||
|
|
||||||
|
function ctrlMap(e: DataProps) {
|
||||||
|
const { zoom, errorTileUrl, urlTemplate, zoomSnap } = e;
|
||||||
|
map.value?.changeZoom([zoom.min, zoom.max])
|
||||||
|
map.value?.changeMapUrl(urlTemplate, errorTileUrl)
|
||||||
|
map.value?.changeZoomSnap(zoomSnap)
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<h5 class="logo">离线地图</h5>
|
||||||
|
<Map ref="map" v-slot="{ contextmenu }">
|
||||||
|
<q-menu touch-position context-menu>
|
||||||
|
<q-list dense style="min-width: 100px">
|
||||||
|
<q-item clickable v-close-popup>
|
||||||
|
<q-item-section @click="pushMark(contextmenu, 'localtion')">添加标点</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
<q-item clickable v-close-popup>
|
||||||
|
<q-item-section @click="pushMark(contextmenu, 'equipment')">添加设备</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
</q-list>
|
||||||
|
</q-menu>
|
||||||
|
<Mark v-for="(mark, i) in marks" :key="i" :latlng="mark.latlng" :title="mark.title" :opacity="mark.opacity"
|
||||||
|
:ref="`mark-${i}`">
|
||||||
|
<template v-if="mark.type === 'equipment'">
|
||||||
|
<q-icon :name="mdiLanConnect" size="md"></q-icon>
|
||||||
|
</template>
|
||||||
|
</Mark>
|
||||||
|
</Map>
|
||||||
|
<div class="bar">
|
||||||
|
|
||||||
|
<ThemeSwitch></ThemeSwitch>
|
||||||
|
</div>
|
||||||
|
<div class="left ">
|
||||||
|
<q-toggle class="leftctl" v-model="sideStyle" true-value="20em,logo" false-value="0em,bar" />
|
||||||
|
<q-tabs v-model="tab" dense active-color="primary" indicator-color="primary" align="justify" narrow-indicator>
|
||||||
|
<q-tab name="mark" label="标点" />
|
||||||
|
<q-tab name="ctrl" label="控制" />
|
||||||
|
</q-tabs>
|
||||||
|
<q-tab-panels v-model="tab" animated keep-alive>
|
||||||
|
<q-tab-panel name="mark">
|
||||||
|
<MarkMenu :marks="marks" @flyTo="flytoMark" @remove="removeMark"></MarkMenu>
|
||||||
|
</q-tab-panel>
|
||||||
|
<q-tab-panel name="ctrl">
|
||||||
|
<CtrlMenu @change="ctrlMap"></CtrlMenu>
|
||||||
|
</q-tab-panel>
|
||||||
|
</q-tab-panels>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.logo {
|
||||||
|
margin: unset;
|
||||||
|
grid-area: var(--logoOrBar, logo);
|
||||||
|
will-change: filter;
|
||||||
|
transition: filter 300ms;
|
||||||
|
align-self: center;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo:hover {
|
||||||
|
filter: drop-shadow(0 0 2em #646cffaa);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo.vue:hover {
|
||||||
|
filter: drop-shadow(0 0 2em #42b883aa);
|
||||||
|
}
|
||||||
|
|
||||||
|
.left {
|
||||||
|
grid-area: left;
|
||||||
|
overflow: auto;
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
|
.leftctl {
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bar {
|
||||||
|
grid-area: bar;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
|
||||||
|
After Width: | Height: | Size: 496 B |
|
|
@ -0,0 +1,161 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { ref, onMounted, provide } from 'vue'
|
||||||
|
import L from 'leaflet'
|
||||||
|
import 'leaflet/dist/leaflet.css'
|
||||||
|
import useCrs from '../hook/useCrs.ts'
|
||||||
|
import useZoom from '../hook/useZoom.ts'
|
||||||
|
import { useResizeObserver } from '@vueuse/core'
|
||||||
|
|
||||||
|
const mapContainer = ref()
|
||||||
|
const map = ref<L.Map>()
|
||||||
|
const layers = ref<L.TileLayer[]>([])
|
||||||
|
const slotProps = ref({
|
||||||
|
contextmenu: {}
|
||||||
|
})
|
||||||
|
|
||||||
|
const baiduCrs = useCrs('baiduCrs')
|
||||||
|
const gaodeCrs = useCrs('gaodeCrs')
|
||||||
|
|
||||||
|
const mapFilter = ref('invert(1) grayscale(.2) saturate(0.8) brightness(1.8) opacity(1) hue-rotate(184deg) sepia(17%)'); // 地图滤镜
|
||||||
|
|
||||||
|
|
||||||
|
const mapInfo: Record<string, { crs: L.Proj.CRS | L.CRS, url: string, error: string, center: L.LatLngExpression }> = {
|
||||||
|
baidu: {
|
||||||
|
crs: baiduCrs,
|
||||||
|
url: "http://172.20.10.2/baidumaps/roadmap/{z}/{x}/{y}.png",
|
||||||
|
error: 'http://172.20.10.2/baidumaps/roadmap/error.png',
|
||||||
|
center: [39.926474, 116.403283]
|
||||||
|
},
|
||||||
|
gaode: {
|
||||||
|
crs: gaodeCrs,
|
||||||
|
url: "http://172.20.10.2/mapabc/roadmap/{z}/{x}/{y}.png",
|
||||||
|
error: 'http://172.20.10.2/baidumaps/roadmap/error.png',
|
||||||
|
center: [-97.00238024827533, 210.7725501856634]
|
||||||
|
},
|
||||||
|
gaodeLine: {
|
||||||
|
crs: gaodeCrs,
|
||||||
|
url: "http://webrd02.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}",
|
||||||
|
error: 'http://172.20.10.2/baidumaps/roadmap/error.png',
|
||||||
|
center: [-97.00238024827533, 210.7725501856634]
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
provide('map', map) // 注入的内容 mapChild 下
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
// const selfZoom = useZoom(mapContainer,map, [3,6,9,14,16,18])
|
||||||
|
|
||||||
|
// L.Map.addInitHook('addHandler','scrollWheelZoom', selfZoom)
|
||||||
|
// L.Map.mergeOptions({
|
||||||
|
// scrollWheelZoom:true
|
||||||
|
// })
|
||||||
|
|
||||||
|
const use: keyof typeof mapInfo = 'gaode'
|
||||||
|
|
||||||
|
map.value = L.map(mapContainer.value, {
|
||||||
|
center: mapInfo[use].center,
|
||||||
|
zoom: 13,
|
||||||
|
attributionControl: false,
|
||||||
|
crs: mapInfo[use].crs,
|
||||||
|
zoomControl: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
// const scale= L.control.scale({ maxWidth: 200, metric: true, imperial: true });
|
||||||
|
// map.value.addControl(scale)
|
||||||
|
const layer = L.tileLayer(mapInfo[use].url, {
|
||||||
|
minZoom: 3,
|
||||||
|
maxZoom: 18,
|
||||||
|
tms: true,
|
||||||
|
errorTileUrl: mapInfo[use].error,
|
||||||
|
className: "mapFilter",
|
||||||
|
})
|
||||||
|
|
||||||
|
// map.value.on('zoom', (e) => {
|
||||||
|
// console.log(e.target._animateToZoom)
|
||||||
|
// })
|
||||||
|
|
||||||
|
layers.value?.push(layer)
|
||||||
|
|
||||||
|
layer.addTo(map.value)
|
||||||
|
|
||||||
|
map.value.addEventListener("contextmenu", (e) => {
|
||||||
|
slotProps.value.contextmenu = e
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
function flyTo(latLng: [number, number]) {
|
||||||
|
map.value?.flyTo(L.latLng(latLng[0], latLng[1]))
|
||||||
|
}
|
||||||
|
|
||||||
|
function changeZoom(zoomSize: [number, number]) {
|
||||||
|
map.value?.setMinZoom(zoomSize[0])
|
||||||
|
map.value?.setMaxZoom(zoomSize[1])
|
||||||
|
}
|
||||||
|
|
||||||
|
function changeMapFilter(filterInfo: Record<'blur' |
|
||||||
|
'brightness' |
|
||||||
|
'contrast' |
|
||||||
|
'drop-shadow' |
|
||||||
|
'grayscale' |
|
||||||
|
'hue-rotate' |
|
||||||
|
'invert' |
|
||||||
|
'opacity' |
|
||||||
|
'saturate' |
|
||||||
|
'sepia', string | number>) {
|
||||||
|
mapFilter.value = Object.entries(filterInfo).map(([key, value]) => `${key}(${value})`).join(' ')
|
||||||
|
}
|
||||||
|
|
||||||
|
function changeMapUrl(urlTemplate: string, errorTileUrl: string) {
|
||||||
|
if (!layers.value[0]) return;
|
||||||
|
layers.value[0].setUrl(urlTemplate);
|
||||||
|
layers.value[0].options.errorTileUrl = errorTileUrl;
|
||||||
|
}
|
||||||
|
|
||||||
|
function changeAnimation(zoomAnimation: boolean, fadeAnimation: boolean) {
|
||||||
|
if (!map.value) return;
|
||||||
|
map.value.options.zoomAnimation = zoomAnimation
|
||||||
|
map.value.options.fadeAnimation = fadeAnimation
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function changeZoomSnap(zoomAnimation: number) {
|
||||||
|
if (!map.value) return;
|
||||||
|
map.value.options.zoomSnap = zoomAnimation
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function pushLayers(addlayers: L.TileLayer[]) {
|
||||||
|
const _map = map.value
|
||||||
|
if (!_map) return
|
||||||
|
addlayers.forEach(l => {
|
||||||
|
if (_map.hasLayer(l)) return;
|
||||||
|
layers.value.push(l)
|
||||||
|
l.addTo(_map)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
useResizeObserver(mapContainer, () => map.value?.invalidateSize(true))
|
||||||
|
|
||||||
|
defineExpose({ flyTo, changeZoom, changeMapFilter, changeMapUrl, pushLayers, changeAnimation,changeZoomSnap })
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="mapContainer" ref="mapContainer" :style="{ '--mapFilter': mapFilter }">
|
||||||
|
<slot v-if="map" v-bind="slotProps"></slot>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.mapContainer {
|
||||||
|
grid-area: map;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.body--dark {
|
||||||
|
.mapFilter {
|
||||||
|
filter: var(--mapFilter);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { useQuasar } from 'quasar'
|
||||||
|
import { ref, watch } from 'vue'
|
||||||
|
import { mdiThemeLightDark, mdiWeatherSunny, mdiWeatherNight } from '@quasar/extras/mdi-v7'
|
||||||
|
|
||||||
|
const $q = useQuasar()
|
||||||
|
const status = ref($q.dark.mode)
|
||||||
|
|
||||||
|
function getThemeIcon(v: boolean | 'auto') {
|
||||||
|
if (v === 'auto') return mdiThemeLightDark
|
||||||
|
else return v ? mdiWeatherNight : mdiWeatherSunny
|
||||||
|
}
|
||||||
|
|
||||||
|
watch(status, $q.dark.set)
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div style="width: 88px;">
|
||||||
|
<q-toggle indeterminate-value="auto" v-model="status" toggle-indeterminate />
|
||||||
|
<q-icon :name="getThemeIcon(status)" size="sm"></q-icon>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style></style>
|
||||||
|
|
@ -0,0 +1,57 @@
|
||||||
|
<script lang="ts">
|
||||||
|
export type DataProps = { zoom: { min: number, max: number }, urlTemplate: string, errorTileUrl: string ,zoomSnap:number}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { ref, watch } from 'vue';
|
||||||
|
const data = ref<DataProps>({
|
||||||
|
zoom: { min: 3, max: 17 },
|
||||||
|
urlTemplate: 'http://localhost/mapabc/roadmap/{z}/{x}/{y}.png', // TODO 动态化,
|
||||||
|
errorTileUrl: 'http://localhost/baidumaps/roadmap/error.png',
|
||||||
|
zoomSnap:1,
|
||||||
|
})
|
||||||
|
const emit = defineEmits(['change'])
|
||||||
|
watch(data, (v) => emit('change', v), { deep: true })
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<q-list>
|
||||||
|
<q-item clickable v-close-popup>
|
||||||
|
<q-item-section>
|
||||||
|
<q-item-label>缩放控制</q-item-label>
|
||||||
|
<q-item-label caption>
|
||||||
|
<q-range v-model="data.zoom" :min="3" :max="19" color="deep-orange" label-always markers
|
||||||
|
switch-label-side />
|
||||||
|
</q-item-label>
|
||||||
|
<!-- TODO 控制多图层 ?? 缩放级别减少 直接控制路线等 -->
|
||||||
|
<!-- TODO 地图不清楚 -->
|
||||||
|
</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
<q-item>
|
||||||
|
<q-item-section>
|
||||||
|
<q-item-label>访问地址</q-item-label>
|
||||||
|
<q-item-label caption>
|
||||||
|
<q-input v-model="data.urlTemplate" />
|
||||||
|
</q-item-label>
|
||||||
|
</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
<q-item>
|
||||||
|
<q-item-section>
|
||||||
|
<q-item-label>失败图片</q-item-label>
|
||||||
|
<q-item-label caption>
|
||||||
|
<q-input v-model="data.errorTileUrl" />
|
||||||
|
</q-item-label>
|
||||||
|
</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
<q-item>
|
||||||
|
<q-item-section>
|
||||||
|
<q-item-label>缩放倍数</q-item-label>
|
||||||
|
<q-item-label caption>
|
||||||
|
<q-input v-model.number="data.zoomSnap" type="number" />
|
||||||
|
</q-item-label>
|
||||||
|
</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
|
||||||
|
</q-list>
|
||||||
|
</template>
|
||||||
|
|
@ -0,0 +1,37 @@
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { markInfo } from '../../hook/useMarks'
|
||||||
|
import { mdiMapMarker, mdiLanConnect } from '@quasar/extras/mdi-v7'
|
||||||
|
|
||||||
|
defineProps({
|
||||||
|
marks: Array<markInfo>
|
||||||
|
})
|
||||||
|
defineEmits(['flyTo', 'remove'])
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<!-- TODO 移除-->
|
||||||
|
<q-list bordered separator>
|
||||||
|
<q-item clickable v-ripple v-for="(mark, i) in marks" :key="i">
|
||||||
|
<q-menu touch-position context-menu>
|
||||||
|
<q-list dense style="min-width: 100px">
|
||||||
|
<q-item clickable v-close-popup>
|
||||||
|
<q-item-section @click="$emit('flyTo', i)">跳转</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
<q-item clickable v-close-popup>
|
||||||
|
<q-item-section @click="$emit('remove', i)">删除</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
</q-list>
|
||||||
|
</q-menu>
|
||||||
|
<q-item-section side>
|
||||||
|
<q-input filled v-model="mark.title">
|
||||||
|
<template v-slot:append>
|
||||||
|
<q-icon :name="{ 'localtion': mdiMapMarker, 'equipment': mdiLanConnect }[mark.type ||'localtion']"></q-icon>
|
||||||
|
</template>
|
||||||
|
</q-input>
|
||||||
|
</q-item-section>
|
||||||
|
<q-item-section side>
|
||||||
|
<q-toggle color="blue" v-model="mark.opacity" :false-value="0" :true-value="1" />
|
||||||
|
</q-item-section>
|
||||||
|
</q-item>
|
||||||
|
</q-list>
|
||||||
|
</template>
|
||||||
|
|
@ -0,0 +1,68 @@
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import L from 'leaflet';
|
||||||
|
import { Ref, inject, onMounted,onUnmounted, ref, watch } from 'vue';
|
||||||
|
import { mdiMapMarker } from '@quasar/extras/mdi-v7'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
latlng: Array<Number>,
|
||||||
|
title: String,
|
||||||
|
opacity: Number
|
||||||
|
})
|
||||||
|
|
||||||
|
const map = inject<Ref<L.Map>>('map');
|
||||||
|
const mark = ref<L.Marker>()
|
||||||
|
const markInfo = ref()
|
||||||
|
|
||||||
|
watch(props, ({ title = '', latlng = [0, 0], opacity = 1 }) => {
|
||||||
|
if (!mark.value) return
|
||||||
|
mark.value.setLatLng(L.latLng(+latlng[0], +latlng[1]))
|
||||||
|
mark.value.options.title = title
|
||||||
|
mark.value.setOpacity(opacity)
|
||||||
|
mark.value.getTooltip()?.setOpacity(opacity)
|
||||||
|
mark.value.setTooltipContent(title)
|
||||||
|
})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
const { latlng = [0, 0], title, opacity = 1 } = props;
|
||||||
|
mark.value = L.marker(L.latLng(+latlng[0], +latlng[1]), {
|
||||||
|
title, icon: L.divIcon({
|
||||||
|
html: markInfo.value,
|
||||||
|
className: 'markInfo',
|
||||||
|
iconAnchor: L.point(12, 24)
|
||||||
|
})
|
||||||
|
}).bindTooltip(title || '', {
|
||||||
|
permanent: !!title,
|
||||||
|
offset: [15, -5],// 偏移
|
||||||
|
direction: "right",// 放置位置
|
||||||
|
opacity
|
||||||
|
}).openTooltip()
|
||||||
|
|
||||||
|
mark.value.setOpacity(opacity)
|
||||||
|
map?.value && mark.value.addTo(map.value)
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
onUnmounted(()=>{
|
||||||
|
mark.value?.remove()
|
||||||
|
})
|
||||||
|
|
||||||
|
function remove(call: () => void) {
|
||||||
|
mark.value?.remove()
|
||||||
|
call()
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({ mark, remove })
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div ref="markInfo">
|
||||||
|
<slot>
|
||||||
|
<q-icon :name="mdiMapMarker" size="md"></q-icon>
|
||||||
|
</slot>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style lang="scss">
|
||||||
|
.markInfo {
|
||||||
|
background-color: transparent;
|
||||||
|
color: #ae1e1e;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
import L from 'leaflet'
|
||||||
|
import 'proj4'
|
||||||
|
import 'proj4leaflet'
|
||||||
|
const _level = 19;
|
||||||
|
|
||||||
|
const crss = {
|
||||||
|
baiduCrs: new L.Proj.CRS('EPSG:900913',
|
||||||
|
'+proj=merc +a=6378206 +b=6356584.314245179 +lat_ts=0.0 +lon_0=0.0 +x_0=0 +y_0=0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs',
|
||||||
|
{
|
||||||
|
resolutions: function () {
|
||||||
|
let level = 19
|
||||||
|
var res = [];
|
||||||
|
res[0] = Math.pow(2, 18);
|
||||||
|
for (var i = 1; i < level; i++) {
|
||||||
|
res[i] = Math.pow(2, (18 - i))
|
||||||
|
}
|
||||||
|
return res;
|
||||||
|
}(),
|
||||||
|
origin: [0, 0],
|
||||||
|
bounds: L.bounds([20037508.342789244, 0], [0, 20037508.342789244])
|
||||||
|
}),
|
||||||
|
gaodeCrs: L.CRS.Simple
|
||||||
|
}
|
||||||
|
|
||||||
|
function useCrs(name: keyof typeof crss) {
|
||||||
|
return crss[name]
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export default useCrs
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
function useDraw(){
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export default useDraw
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
import { useLocalStorage } from "@vueuse/core"
|
||||||
|
|
||||||
|
const key = 'map-marks'
|
||||||
|
export type markType = 'localtion' | 'equipment'
|
||||||
|
export type markInfo = { latlng: [number, number], title: string, opacity?: number, type?: markType }
|
||||||
|
|
||||||
|
function useMarks(initData: markInfo[] = []) {
|
||||||
|
const stroked = useLocalStorage<markInfo[]>(key, initData);
|
||||||
|
return stroked;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default useMarks
|
||||||
|
|
@ -0,0 +1,69 @@
|
||||||
|
type RGBA = Record<'r' | 'g' | 'b' | 'a', number>;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function imageChange(img: HTMLImageElement, colorize: (pixel: RGBA) => RGBA) {
|
||||||
|
if (img.getAttribute('data-colorized'))
|
||||||
|
return;
|
||||||
|
img.crossOrigin = 'anonymous'
|
||||||
|
var canvas = document.createElement("canvas");
|
||||||
|
canvas.width = img.width;
|
||||||
|
canvas.height = img.height;
|
||||||
|
var ctx = canvas.getContext("2d");
|
||||||
|
if (!ctx) return
|
||||||
|
ctx.drawImage(img, 0, 0);
|
||||||
|
var imgd = ctx.getImageData(0, 0, canvas.width, canvas.height);
|
||||||
|
var pix = imgd.data;
|
||||||
|
for (var i = 0, n = pix.length; i < n; i += 4) {
|
||||||
|
|
||||||
|
var pixel = colorize({ r: pix[i], g: pix[i + 1], b: pix[i + 2], a: pix[i + 3] });
|
||||||
|
if (!!!pixel || pixel !== Object(pixel) || Object.prototype.toString.call(pixel) === '[object Array]') {
|
||||||
|
|
||||||
|
if (i === 0) {
|
||||||
|
throw 'The colorize option should return an object with at least one of "r", "g", "b", or "a" properties.';
|
||||||
|
}
|
||||||
|
|
||||||
|
} else {
|
||||||
|
if (pixel.hasOwnProperty('r') && typeof pixel.r === 'number') {
|
||||||
|
pix[i] = pixel.r;
|
||||||
|
}
|
||||||
|
if (pixel.hasOwnProperty('g')) {
|
||||||
|
pix[i + 1] = pixel.g;
|
||||||
|
}
|
||||||
|
if (pixel.hasOwnProperty('b')) {
|
||||||
|
pix[i + 2] = pixel.b;
|
||||||
|
}
|
||||||
|
if (pixel.hasOwnProperty('a')) {
|
||||||
|
pix[i + 3] = pixel.a;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
ctx.putImageData(imgd, 0, 0);
|
||||||
|
img.setAttribute('data-colorized', 'true');
|
||||||
|
img.src = canvas.toDataURL();
|
||||||
|
return imgd;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* @param img 图片
|
||||||
|
* @param colorize 图片rgb颜色修改
|
||||||
|
* @example
|
||||||
|
* const colorize = useRgb()
|
||||||
|
* layer.on('tileload', (e) => {
|
||||||
|
* colorize(e.tile, (pixel) => {
|
||||||
|
* pixel.g += 17;
|
||||||
|
* pixel.b += 90;
|
||||||
|
* return pixel;
|
||||||
|
* })
|
||||||
|
* })
|
||||||
|
* @returns
|
||||||
|
*/
|
||||||
|
function useRgb() {
|
||||||
|
return imageChange;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default useRgb
|
||||||
|
|
@ -0,0 +1,85 @@
|
||||||
|
import L from "leaflet"
|
||||||
|
import { ref, Ref } from "vue";
|
||||||
|
|
||||||
|
function close(used: number[], close: number): number { // 接近数字下表
|
||||||
|
const closeUsed = used.map((v, i) => ({ v: close - v, i }))
|
||||||
|
const p = closeUsed.shift();
|
||||||
|
if (!p) throw new Error('传入使用数组不能为空');
|
||||||
|
const a = closeUsed.reduce((pre, cur) => {
|
||||||
|
if (pre.v < 0 && cur.v < 0) { // 双方小数
|
||||||
|
return pre.v < cur.v ? cur : pre // 取大
|
||||||
|
} else if (pre.v < 0 || cur.v < 0) { // 有一方是小数
|
||||||
|
return pre.v < 0 ? pre : cur // 取小数
|
||||||
|
} else { // 都不是
|
||||||
|
|
||||||
|
return pre.v < cur.v ? pre : cur // 取小
|
||||||
|
}
|
||||||
|
}, p)
|
||||||
|
|
||||||
|
return a.i
|
||||||
|
}
|
||||||
|
|
||||||
|
function limitZoom(min: number, max: number, zoom: number): number {
|
||||||
|
return Math.max(min, Math.min(max, zoom))
|
||||||
|
}
|
||||||
|
|
||||||
|
function useZoom(mapContainer: Ref<HTMLElement>, map: Ref<L.Map | undefined>, used: number[]) {
|
||||||
|
const _used = used.sort((a, b) => a - b)
|
||||||
|
let _timer = 0;
|
||||||
|
let _delta = 0;
|
||||||
|
let _currentZoom = ref(0);
|
||||||
|
|
||||||
|
const zoomControl = L.Handler.extend({
|
||||||
|
addHooks: function () {
|
||||||
|
console.log('add')
|
||||||
|
L.DomEvent.on(mapContainer.value, 'wheel', this._onWheelScroll)
|
||||||
|
},
|
||||||
|
removeHooks: function () {
|
||||||
|
console.log('remove')
|
||||||
|
L.DomEvent.off(mapContainer.value, 'wheel', this._onWheelScroll)
|
||||||
|
},
|
||||||
|
_onWheelScroll: function (e: WheelEvent) {
|
||||||
|
const _map = map.value;
|
||||||
|
if (!_map) return;
|
||||||
|
let _lastMousePos = _map.mouseEventToContainerPoint(e);
|
||||||
|
let _debounce = _map.options.wheelDebounceTime
|
||||||
|
|
||||||
|
const delta = L.DomEvent.getWheelDelta(e); // 处理高度
|
||||||
|
_delta += delta
|
||||||
|
|
||||||
|
clearTimeout(_timer)
|
||||||
|
_timer = setTimeout(() => {
|
||||||
|
|
||||||
|
let zoom = _map.getZoom(),
|
||||||
|
snap = _map.options.zoomSnap || 0,
|
||||||
|
d2 = _delta / ((_map.options.wheelPxPerZoomLevel || 60) * 4),
|
||||||
|
d3 = 4 * Math.log(2 / (1 + Math.exp(-Math.abs(d2)))) / Math.LN2,
|
||||||
|
d4 = snap ? Math.ceil(d3 / snap) * snap : d3,
|
||||||
|
min = _map.getMinZoom(),
|
||||||
|
max = _map.getMaxZoom(),
|
||||||
|
limit = limitZoom(min, max, zoom + (_delta > 0 ? d4 : -d4)),
|
||||||
|
delta = limit - zoom;
|
||||||
|
|
||||||
|
if (!delta) return
|
||||||
|
_currentZoom.value = close(_used, limit) + delta
|
||||||
|
const _to = _used[_currentZoom.value];
|
||||||
|
console.log(_used, '当前', zoom, '放大缩小', delta, '接近', close(_used, limit), '转到', _currentZoom.value, '实际', _to)
|
||||||
|
debugger
|
||||||
|
if (_map.options.scrollWheelZoom === 'center') {
|
||||||
|
_map.setZoom(_to);
|
||||||
|
} else {
|
||||||
|
_map.setZoomAround(_lastMousePos, _to);
|
||||||
|
}
|
||||||
|
_delta = 0
|
||||||
|
}, _debounce);
|
||||||
|
|
||||||
|
|
||||||
|
L.DomEvent.stop(e);
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
return zoomControl
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export default useZoom
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
import { createApp } from 'vue'
|
||||||
|
import './style.scss'
|
||||||
|
import App from './App.vue'
|
||||||
|
|
||||||
|
import { Quasar } from 'quasar'
|
||||||
|
|
||||||
|
// Import icon libraries
|
||||||
|
import '@quasar/extras/material-icons/material-icons.css'
|
||||||
|
|
||||||
|
import '@quasar/extras/mdi-v7/mdi-v7.css'
|
||||||
|
|
||||||
|
// Import Quasar css
|
||||||
|
import 'quasar/src/css/index.sass'
|
||||||
|
|
||||||
|
|
||||||
|
const myApp = createApp(App)
|
||||||
|
myApp.use(Quasar, {
|
||||||
|
plugins: {}, // import Quasar plugins and add here
|
||||||
|
})
|
||||||
|
myApp.mount('#app')
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
$primary : #1976d2;
|
||||||
|
$secondary : #26A69A;
|
||||||
|
$accent : #9C27B0;
|
||||||
|
|
||||||
|
$dark : #1d1d1d;
|
||||||
|
$dark-page : #121212;
|
||||||
|
|
||||||
|
$positive : #21BA45;
|
||||||
|
$negative : #C10015;
|
||||||
|
$info : #31CCEC;
|
||||||
|
$warning : #F2C037;
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
#app {
|
||||||
|
display: grid;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
grid-template-areas: "logo bar"
|
||||||
|
"left map";
|
||||||
|
grid-template-rows: 3em 1fr;
|
||||||
|
grid-template-columns: var(--side, 20em) 1fr;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
/// <reference types="vite/client" />
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "ES2020",
|
||||||
|
"useDefineForClassFields": true,
|
||||||
|
"module": "ESNext",
|
||||||
|
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||||
|
"skipLibCheck": true,
|
||||||
|
|
||||||
|
/* Bundler mode */
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"allowImportingTsExtensions": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"noEmit": true,
|
||||||
|
"jsx": "preserve",
|
||||||
|
|
||||||
|
/* Linting */
|
||||||
|
"strict": true,
|
||||||
|
"noUnusedLocals": true,
|
||||||
|
"noUnusedParameters": true,
|
||||||
|
"noFallthroughCasesInSwitch": true
|
||||||
|
},
|
||||||
|
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
|
||||||
|
"references": [{ "path": "./tsconfig.node.json" }]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"composite": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"module": "ESNext",
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"allowSyntheticDefaultImports": true
|
||||||
|
},
|
||||||
|
"include": ["vite.config.ts"]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
import { defineConfig } from 'vite'
|
||||||
|
import vue from '@vitejs/plugin-vue'
|
||||||
|
import { quasar, transformAssetUrls } from '@quasar/vite-plugin'
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [vue({
|
||||||
|
template: { transformAssetUrls }
|
||||||
|
}),
|
||||||
|
quasar({
|
||||||
|
sassVariables: 'src/quasar-variables.scss'
|
||||||
|
})]
|
||||||
|
})
|
||||||
Loading…
Reference in New Issue