<p align="center"> <a href="https://vuelayers.github.io/" target="_blank" title="VueLayers Homepage"> <img width="100" src="https://vuelayers.github.io/_media/logo.svg"><br /> </a> </p>

VueLayers

Web map Vue components with the power of OpenLayers

Overview

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.

Versions

| VueLayers | Branch | Vue | OpenLayers | NPM tag | |:------------------|:-----------------------------------------------------------------|:---------|:-----------|:----------| | Current 0.12 | master | ^2.3 | ^6.0 | latest | | Previous 0.11 | v0.11.x | ^2.3 | ^5.0 | 0.11.x | | Previous 0.10 | v0.10.x | ^2.0 | ^4.0 | 0.10.x |

Links

• Documentation
• Install & Quick start guide
• Official Demo app

Requirements

• Vue version ^2.3
• OpenLayers version ^6.0

Install

# install Vue
npm install vue

# install current VueLayers version 
npm install vuelayers

# install next VueLayers version
npm install vuelayers@next

Build Setup

NOTE: Node v10+ is required.

git clone --recursive -j8 https://github.com/ghettovoice/vuelayers.git
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 test:unit

# run e2e tests
npm run test:e2e

# run all tests
npm test

License

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