# vue-simple-maps
`vue-simple-maps` is library to easily build SVG maps with Vue, [d3](https://github.com/d3/d3) and [TopoJSON-client](https://github.com/TopoJSON/TopoJSON-client).
[docs](https://vue-simple-maps.netlify.app/guide/) | [examples](https://vue-simple-maps.netlify.app/examples/)
## Features
- Responsive out of the box
- Customize map with any svg objects
- Zoom and drag on all devices
- Automatic transform lightweight TopoJSON to functional GeoJSON
## Installation
npm
```bash
npm install vue-simple-maps
```
yarn
```bash
yarn add vue-simple-maps
```
CDN
```html
```
## Usage
1. Install vue plugin
```js
import Vue from 'vue';
import VueSimpleMaps from 'vue-simple-maps';
import 'vue-simple-maps/dist/vue-simple-maps.css';
Vue.use(VueSimpleMaps);
```
Nuxt.js \
Put previouse 👆 code into ~/plugins/vue-simple-maps.js
```js
// nuxt.config.js
plugins: ['~/plugins/vue-simple-maps.js'];
```
2. Create component
```html
```
Viola
See more [examples](/examples) or learn [API](/api)
## License
MIT licensed. Copyright © 2020 Georgiy Bukharov. See [LICENSE](./LICENSE) for more details.
## Inspired with
[react-simple-maps](https://github.com/zcreativelabs/react-simple-maps)