Web Map Component With OpenLayers

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:

Web Map Component With OpenLayers

Changelog:

v0.1.56 (01/21/2022)

  • Added time parameter to ol-source-image-wms

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

You Might Be Interested In:

Add Comment