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:

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/releases/tag/v0.1.60

Official Website: https://github.com/MelihAltintas/vue3-openlayers

Install & Download:

# NPM
$ npm i vue3-openlayers --save

Add Comment