# vuelayers

> Web map Vue components with the power of OpenLayers

Latest version **0.12.7** (published 2023-02-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install vuelayers
pnpm add vuelayers
yarn add vuelayers
bun add vuelayers
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.12.7 |
| Published | 2023-02-21 |
| First published | 2017-03-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=10.0 |
| Dependencies | 10 |
| Unpacked size | 7.5 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 684 |
| Author | Vladimir Vershinin |
| Maintainers | ghettovoice |
| Keywords | vuelayers, vue, vuejs, vue2, vuejs2, vue plugins, vue components, openlayers, ol, maps, mapping |

## Links

- npm: https://www.npmjs.com/package/vuelayers
- Repository: https://github.com/ghettovoice/vuelayers
- Issues: https://github.com/ghettovoice/vuelayers/issues
- npm.io page: https://npm.io/package/vuelayers

## Dependencies (10)

- [ol](https://npm.io/package/ol.md) ^6.4.3 < 6.7.0 || ^6.8.2
- [rxjs](https://npm.io/package/rxjs.md) ^6.6.3
- [uuid](https://npm.io/package/uuid.md) ^8.3.1
- [parse-color](https://npm.io/package/parse-color.md) ^1.0.0
- [ol-tilecache](https://npm.io/package/ol-tilecache.md) ^7.0.0
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.12.5
- [debounce-promise](https://npm.io/package/debounce-promise.md) ^3.1.2
- [merge-descriptors](https://npm.io/package/merge-descriptors.md) ^1.0.1
- [ol-rotate-feature](https://npm.io/package/ol-rotate-feature.md) ^3.0.1
- [@turf/point-on-feature](https://npm.io/package/@turf/point-on-feature.md) ^5.1.5

## Alternatives

- [postcss-color-hex-alpha](https://npm.io/package/postcss-color-hex-alpha.md) — 6.4M weekly downloads
- [randomcolor](https://npm.io/package/randomcolor.md) — 348.0K weekly downloads
- [bows](https://npm.io/package/bows.md) — 1.3K weekly downloads
- [ep_prefer_color_scheme](https://npm.io/package/ep_prefer_color_scheme.md) — 260 weekly downloads
- [coc-yank](https://npm.io/package/coc-yank.md) — 61 weekly downloads

## Recent versions

- 0.12.7 (latest) — 2023-02-21
- 0.12.0-rc.28 (next) — 2022-02-21
- 0.12.0-dev.13 (dev) — 2021-01-26
- 0.12.6 — 2022-10-09
- 0.12.5 — 2022-08-11
- 0.12.4 — 2022-07-31
- 0.12.3 — 2022-04-06
- 0.12.2 — 2022-03-08
- 0.12.1 — 2022-03-02
- 0.12.0 — 2022-02-24
- 0.12.0-rc.27 — 2021-12-07
- 0.11.37 — 2021-10-26
- 0.12.0-rc.26 — 2021-06-14
- 0.11.36 — 2021-06-14
- 0.12.0-rc.25 — 2021-04-08
- … 154 more at https://npm.io/package/vuelayers/versions

## README

<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](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/)

---
_Source: https://npm.io/package/vuelayers · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._