Home Javascript Vue 3.x Web Map Components With The Power of OpenLayers

Vue 3.x Web Map Components With The Power of OpenLayers

Javascript webcodeflow · November 12, 2021 · Comments off

vue3-OpenLayers is a component library that brings the powerful OpenLayers API to the interactive world of Vue3. It can display maps with tiled, bitmap, or vector layers loaded from different sources.

maps web component, web component example, web components repository, component map, create a web components

How to make use of it:

Install & Download:

# NPM
$ npm i vue3-openlayers --save

To use Vue3 OpenLayers in your application, you can import all the components or what you really need.

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

Web Map Component With OpenLayers, vue3 openlayers Plugin/Github