Vue components to work with OpenLayers

Vue components to work with OpenLayers

Vue 2 components to work with OpenLayers.


Web map Vue components with the power of OpenLayers

Build Status Coverage Status js-standard-style GitHub tag NPM version License Dependencies Dev dependencies


VueLayers is components library that brings the powerful OpenLayers API to the Vue.js reactive world. It can display maps with tiled, raster or vector layers loaded from different sources.


NOTE: you are reading README for the next version v0.12.x.

Vuelayers Branch Vue OpenLayers
Current 0.11.x v0.11.x 2.3 5.x
Next 0.12.x master 2.3 5.x
Previous 0.10.x v0.10.x 2.3 4.x




# install Vue
npm install vue

# install current VueLayers version 
npm install vuelayers

# install next VueLayers version
npm install [email protected]

Build Setup

NOTE: Node v8+ is required.

git clone --recursive -j8
cd vuelayers

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm start

# build for production
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test


MIT (c) 2017-2018, Vladimir Vershinin
Based on Vue and OpenLayers

Github Repository

Tags: #VueJs #Maps