# vue3-openlayers

> Web map [Vue](https://vuejs.org/ "Vue Homepage") components with the power of [OpenLayers](https://openlayers.org/ "OpenLayers Homepage")

[![Netlify Status](https://api.netlify.com/api/v1/badges/b6f6de51-4532-40a6-bca2-28e7e3ef2c8a/deploy-status)](https://app.netlify.com/sites/vue3openlayers/deploys)
[![NPM version](https://img.shields.io/npm/v/vue3-openlayers.svg)](https://www.npmjs.com/package/vue3-openlayers)
[![Downloads](https://img.shields.io/npm/dm/vue3-openlayers)](https://npmcharts.com/compare/vue3-openlayers?minimal=true)
[![Github Issiues](https://img.shields.io/github/issues/MelihAltintas/vue3-openlayers)]()
[![GitHub forks](https://img.shields.io/github/forks/MelihAltintas/vue3-openlayers)]()
[![GitHub Stars](https://img.shields.io/github/stars/MelihAltintas/vue3-openlayers)]()

<p align="center">
  <a href="https://vue3openlayers.netlify.app/" target="_blank" title="Vue OpenLayers Homepage">
    <img width="100" src="https://raw.githubusercontent.com/MelihAltintas/vue3-openlayers/main/logo.png"><br />
  </a>
</p>

## Overview

**vue3-openlayers** is components library that brings the powerful **OpenLayers API** to the **Vue3** reactive world. 
It can display maps with tiled, raster or vector layers loaded from different sources.

## Links

- [Documentation](https://vue3openlayers.netlify.app)


## Requirements

- [Vue](https://vuejs.org/) version **^3.0.0**
- [OpenLayers](https://openlayers.org/) version **^6.5.0**

<p align="center">
    <img width="100%" src="https://raw.githubusercontent.com/MelihAltintas/vue3-openlayers/main/genel.png"><br />
</p>




## Install

```bash
# install Vue
npm install vue

# install current vue3-openlayers version 
npm install vue3-openlayers
```

## License

**MIT** (c) Melih Altıntaş