# vue2-location-picker
[![NPM](https://nodei.co/npm/vue2-location-picker.png)](https://nodei.co/npm/vue2-location-picker/)


[![npm](https://img.shields.io/npm/v/vue2-location-picker.svg)](https://www.npmjs.com/package/vue2-location-picker)
[![npm](https://img.shields.io/npm/dt/vue2-location-picker.svg)](https://www.npmjs.com/package/vue2-location-picker)
[![npm](https://img.shields.io/npm/dm/vue2-location-picker.svg)](https://www.npmjs.com/package/vue2-location-picker)
[![npm](https://img.shields.io/npm/l/vue2-location-picker.svg)](http://opensource.org/licenses/MIT)

Location Picker component for Vue.js 2


**Works with Vue 2.***

#### Install & basic usage
```bash
$ npm install vue2-location-picker --save
```
#### Import Vue2LocationPicker **(Recommended)**

```html
  <script src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places" async="" defer=""></script>
```

```js
import * as LocationPicker from 'vue2-location-picker'
Vue.use(LocationPicker, {
    installComponents: false, // If true, create it globally
})
```

```vue
<template>
    <location-picker
      v-model="location"
      :options="options">
    </location-picker>
</template>


<script>
import {LocationPicker} from 'vue2-location-picker' // if installComponents is false

export default {
 name: 'App',
 components: {LocationPicker}, // if installComponents is false
 data: function() {
  return {
    location: {
      lat: 41.0082376,
      lng: 28.97835889999999
    },
    options: { // is not required
      map: {/** other map options **/},
      marker: { /** marker options **/ },
      autocomplete: { /** autocomplete options **/ }
    },
  }
 }
}
</script>
```
 
 
## License

vue2-location-picker is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT)