Web Map Component With OpenLayers

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:

Web Map Component With OpenLayers

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

Add Comment