# [VueLayers](https://vuelayers.github.io/) > Web map [Vue](https://vuejs.org/ "Vue Homepage") components with the power of [OpenLayers](https://openlayers.org/ "OpenLayers Homepage") [![Build Status](https://travis-ci.com/ghettovoice/vuelayers.svg?branch=master)](https://travis-ci.com/ghettovoice/vuelayers) [![Coverage Status](https://coveralls.io/repos/github/ghettovoice/vuelayers/badge.svg?branch=master)](https://coveralls.io/github/ghettovoice/vuelayers?branch=master) [![GitHub tag](https://img.shields.io/github/tag/ghettovoice/vuelayers.svg)](https://github.com/ghettovoice/vuelayers/releases) [![NPM version](https://img.shields.io/npm/v/vuelayers.svg)](https://www.npmjs.com/package/vuelayers) [![License](https://img.shields.io/github/license/ghettovoice/vuelayers.svg)](https://github.com/ghettovoice/vuelayers/blob/master/LICENSE) [![Downloads](https://img.shields.io/npm/dm/vuelayers)](https://npmcharts.com/compare/vuelayers?minimal=true) [![Dependencies](https://img.shields.io/david/ghettovoice/vuelayers.svg)](https://david-dm.org/ghettovoice/vuelayers) ## 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](https://github.com/ghettovoice/vuelayers/tree/master) | **^2.3** | **^6.0** | `latest` | | Previous **0.11** | [v0.11.x](https://github.com/ghettovoice/vuelayers/tree/v0.11.x) | **^2.3** | **^5.0** | `0.11.x` | | Previous **0.10** | [v0.10.x](https://github.com/ghettovoice/vuelayers/tree/v0.10.x) | **^2.0** | **^4.0** | `0.10.x` | ## Links - [Documentation](https://vuelayers.github.io/) - [Install & Quick start guide](https://vuelayers.github.io/#/quickstart) - [Official Demo app](https://vuelayers.github.io/#/demo) ## Requirements - [Vue](https://vuejs.org/) version **^2.3** - [OpenLayers](https://openlayers.org/) version **^6.0** ## Install ```bash # 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. ``` bash 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](https://vuejs.org/) and [OpenLayers](https://openlayers.org/)

	Stars	Issues	Version	Updated	Created
leaflet	39,979	537	1.9.4	a year ago	11 years ago
mapbox-gl			3.3.0	16 days ago	10 years ago
mapbox.js	1,910	91	3.3.1	4 years ago	12 years ago
mapnik			4.5.9	2 years ago	13 years ago
openlayers	10,885	622	4.6.5	6 years ago	13 years ago
vuelayers	682	5	0.12.7	a year ago	7 years ago

leaflet vs mapbox-gl vs mapbox.js vs mapnik vs openlayers vs vuelayers

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past