A Vue.js 3 component to display maps with tiled, raster, or vector layers loaded from different sources. Based on the OpenLayers API.
Basic usage:
import { createApp } from 'vue' import App from './App.vue' import OpenLayersMap from 'vue3-openlayers' import 'vue3-openlayers/dist/vue3-openlayers.css' const app = createApp(App); app.use(OpenLayersMap) app.mount('#app')
Preview:
Changelog:
v3.2.0 (12/03/2023)
- ol-style-text: fill and stroke properties for the text
v3.1.0 (11/08/2023)
- Bugfix
- ol-interaction-transform: relay events
v3.0.0 (10/26/2023)
- Code Refactoring
- Bugfixes
v2.0.1 (09/23/2023)
- bugfix
v2.0.0 (09/14/2023)
- bugfix
- refactor
v1.2.2 (09/08/2023)
- bugfix
v1.2.0 (07/26/2023)
- add ol-vector-tile-layer and ol-source-vector components
v1.1.0 (07/25/2023)
- update and bugfix
v1.0.1 (07/18/2023)
- update and bugfix
v1.0.0 (07/11/2023)
- Version 1.0.0 was completely refactored and aligned with the features and also BREAKING CHANGES from OpenLayers 7.x.x.
- migrated all components and features to TypeScript
- migrated all components to use <script setup> syntax
- aligned API with OpenLayers 7.4.0
- added new components: ol-layer-group, ol-source-tile-json, ol-source-stamen and ol-vector-image-layer
- expose all interactions to be able to call access them via ref in templates
- lot’s of bug fixes
- better types for improved developer experience
v0.5.1 (05/26/2023)
- Bugfix
v0.4.0 (05/02/2023)
- update
v0.2.2 (04/16/2023)
- update
v0.2.1 (04/15/2022)
- style: fix linting issues
- chore: setup release-it
- fix: correctly handle styles prop
v0.1.75 (03/31/2022)
- update
v0.1.72 (02/14/2022)
- update
v0.1.66 (05/24/2022)
- update
v0.1.63 (03/01/2022)
- fix missing exported components
v0.1.61 (02/19/2022)
- add WebGLTileLayer and update version of openlayers with performance
v0.1.60 (02/15/2022)
- overlay positioning bug fix
v0.1.59 (02/08/2022)
- update
v0.1.58 (02/05/2022)
- update
v0.1.57 (01/27/2022)
- update
v0.1.56 (01/21/2022)
- update
v0.1.55 (12/18/2021)
- Added time parameter to ol-source-image-wms
v0.1.50 (11/10/2021)
- add Arbitrary observable properties to vectorlayer;modify coordinateFormat’s type in MouthPositionControl;add ButtonControl;
- add Arbitrary observable properties to vectorlayer;
- modify coordinateFormat’s type in MouthPositionControl;
- add ButtonControl from ‘ol-ext/control/Button’
Download Details:
Author: MelihAltintas
Live Demo: https://vue3openlayers.netlify.app/demo/
Download Link: https://github.com/MelihAltintas/vue3-openlayers/archive/refs/heads/main.zip
Official Website: https://github.com/MelihAltintas/vue3-openlayers
Install & Download:
# NPM
$ npm i vue3-openlayers --save