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);


Web Map Component With OpenLayers


v0.1.48 (09/17/2021)

  • flow line function support

v0.1.45 (09/12/2021)

  • baseLayer prop is added to all layer and bug fix for dublicate ol-control-toggle

v0.1.44 (09/06/2021)

  • No map visible because the map container’s width or height are 0 bug fix

v0.1.43 (09/05/2021)

  • image wms is added

v0.1.42 (09/04/2021)

  • added animation path

v0.1.38 (08/18/2021)

  • layer switcher control added

v0.1.37 (08/10/2021)

  • video recorder added

v0.1.36 (08/10/2021)

  • cluster destroy leak solved

v0.1.34 (08/10/2021)

  • controlbar and printdialog add

v0.1.33 (08/09/2021)

  • feature animations added

v0.1.32 (08/05/2021)

  • draw modify interaction style added

v0.1.30 (08/03/2021)

  • transform interaction add

v0.1.29 (08/02/2021)

  • Bugfix

v0.1.27 (07/31/2021)

  • Update

v0.1.25 (07/30/2021)

  • Bugs fixed

v0.1.24 (07/28/2021)

  • Snap Modify and Draw interactions are added.

v0.1.23 (07/27/2021)

  • added select cluster

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 i vue3-openlayers --save

You Might Be Interested In:

Add Comment