Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/ghettovoice/vuelayers

Web map Vue components with the power of OpenLayers
https://github.com/ghettovoice/vuelayers

hacktoberfest ol ol3 openlayers openlayers3 openlayers4 vue vue-components vue2 vuejs vuejs-components vuejs2 vuelayers

Last synced: about 2 months ago
JSON representation

Web map Vue components with the power of OpenLayers

Host: GitHub
URL: https://github.com/ghettovoice/vuelayers
Owner: ghettovoice
License: mit
Created: 2017-03-04T23:33:24.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2023-06-15T07:33:25.000Z (12 months ago)
Last Synced: 2024-04-04T09:02:52.744Z (2 months ago)
Topics: hacktoberfest, ol, ol3, openlayers, openlayers3, openlayers4, vue, vue-components, vue2, vuejs, vuejs-components, vuejs2, vuelayers
Language: JavaScript
Homepage: https://vuelayers.github.io/
Size: 6.7 MB
Stars: 682
Watchers: 33
Forks: 230
Open Issues: 5
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (Components & Libraries / UI Components)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (Components & Libraries / UI Components)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (Components & Libraries / UI Components)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (Components & Libraries / UI Components)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (Components & Libraries / UI Components)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (Components & Libraries / UI Components)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (Components & Libraries / UI Components)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (Components & Libraries / UI Components)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (Components & Libraries / UI Components)
awesome-openlayers - vuelayers
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (UI Components / Map)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (UI Components / Map)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (UI Components / Map)
awesome-vue. - vuelayers - Vue 2 components to work with OpenLayers. (UI Components / Map)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (UI Components / Map)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (UI Components / Map)
awesome-vue - vuelayers - Vue 2 components to work with OpenLayers. (Components & Libraries / UI Components)
awesome-vue - vuelayers ★182 - Vue 2 components to work with OpenLayers. (UI Components / Map)
awesome-vuejs - vuelayers - Vue 2 components to work with OpenLayers. (UI Components / Map)

README

        


  

    


  



# [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/)