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


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

Web Map Component With OpenLayers, vue3 openlayers Plugin/Github

See Demo And Download

Official Website(MelihAltintas): Click Here

This superior jQuery/javascript plugin is developed by MelihAltintas. For extra Advanced Usages, please go to the official website.