Web Map Component With OpenLayers

Install & Download:

# NPM
$ npm i vue3-openlayers --save

Description:

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:

v6.5.0 (04/05/2024)

• add loading class and document how to show loading spinner
• ol-interaction-link: add interaction for sync with URL query params

v6.4.1 (04/03/2024)

• Bug Fixes

v6.3.1 (03/31/2024)

• Bug Fixes

v6.3.0 (03/30/2024)

• ol-interaction-dragbox: add DragBox component wrapper
• ol-vector-layer: add background property
• bugfixes

v6.2.0 (03/22/2024)

• Bug Fixes
• ol-profile-control: add control for ol-ext/controls/Profile

v6.1.1 (03/14/2024)

• Bug Fixes

v6.1.0 (03/07/2024)

• ol-search-control: add search control

v6.0.0 (03/06/2024)

• ol-source-webglvector has been removed in favor of ol-source-vector component. Use ol-source-vector from now on.

v5.0.0 (03/06/2024)

• components ol-webgl-points-layer and ol-source-webglpoints are removed. Please use ol-webgl-vector-layer and ol-source-webglvector to display points using WebGL

v4.1.0 (03/06/2024)

• bugfixes

v4.0.2 (01/23/2024)

• bugfixes

v4.0.1 (12/18/2023)

• bugfixes

v4.0.0 (12/17/2023)

• ol-style-icon: allow to pass either scale or width/height property

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’