Vue-Gmaps

> Search address and places using Google Maps API

  


!Demo

Installation

``bash
npm i -S vue-gmaps
`

And in your main.js ...

`javascript
// main.js
import VueGmaps from 'vue-gmaps'
Vue.use(VueGmaps, {
key: ''
})
`

Options are:

* key ,
* libraries ,
* client
* version ,
* loadGoogleApi


libraries: ['places'],
version: '3'**




Basic usage

Add the directive v-gmaps-searchbox into your input

`html

`

This will popule your vm.place object with details about selected place.

Features

$3

By default, vm.place is used, you can change this passing an argument to directive e.g :anotherProperty

`html

`

So vm.myProperty will be filled with details about selected place

$3

All information about place is put is filled, to determinate whats fields should be use, you can specify a modifiers like this .name.website.formatted_address.geometry

`html

`

So your vm will set property myProperty like this

`javascript
{
myProperty: {
name: ,
website: ,
formatted_address: ,
geometry: ,
}
}
``
[Click here to subscribe and get more about Vue.js][0]

[0]: https://www.getrevue.co/profile/ridermansb