vue3-openlayers
v12.2.0TypeScript
OpenLayers Wrapper for Vue3
5.4K/weekUpdated 2 months agoMITUnpacked: 9.2 MB
Published by Melih Altıntaş
npm install vue3-openlayersvue3-openlayers
> Web map Vue components with the power of OpenLayers
OpenLayers Useful 3rd party libraries https://openlayers.org/3rd-party/
![Github Open Issiues]()
![Github Closed Issiues]()
![GitHub forks]()
![GitHub Stars]()
Links
6 hours of debugging can save you 5 minutes of reading documentation :) please read the doc :)
- Documentation Netlify
Install
``bash`install current vue3-openlayers version
npm install vue3-openlayers
or
yarn add vue3-openlayers
Overview
vue3-openlayers is components library that brings the powerful OpenLayers API to the Vue3 reactive world.
It can display maps with tiled, raster or vector layers loaded from different sources.
Requirements
- ol: ^10.6.0
- ol-contextmenu:
- ol-ext:
- vue:
Run End-to-End Tests with Playwright
`bashInstall browsers for the first run
npx playwright install
Runs the end-to-end tests
npm run test:e2e
Runs the end-to-end tests in interactive UI mode (for local development)
npm run test:e2e:ui
Runs the tests in debug mode
npm run test:e2e:debug
Runs the tests in trace mode (to time-travel between actions)
npm run test:e2e:trace
Serve test report (and inspect trace when)
npm run test:e2e:report
Runs the tests only on Chromium
npm run test:e2e -- --project=chromium
Runs the tests of a specific file
npm run test:e2e -- tests/example.spec.ts
Run tests and record new screenshots locally using the same image as in CI env
docker compose run screenshot-update
`
$3
Please note, when recording screenshots locally the may differ from the platform (linux) in CI.
This results in:
- a: a different file name
- b: a slightly different screenshot
So tackle this issue, please always record screenshots locally using the docker compose file which will use the same image/platform as in CI.
bash
docker compose run screenshot-update
``License
MIT (c) Melih Altıntaş