vue-latlng-picker

A Vue 2 google maps component that allows latitude and longitude to be selected from a map interface. Based on vue-google-maps-location-selector

Installation

npm

npm install --save vue-latlng-picker

Include the google maps script in the head of your index.html file and add your API key

<script src="https://maps.googleapis.com/maps/api/js?key=[YOUR_API_KEY_HERE]&libraries=places"></script>

Use the component by passing though an initial latitude and longitude. You may also give it a zoom prop, the default is 12.
The locationUpdated event will fire as soon as the maps center_changed event fires.

<map-location-selector :zoom="15" :latitude=[ADD_INITIAL_LATITUDE] :longitude=[ADD_INITIAL_LONGITUDE]
  @locationUpdated="locationUpdated">
</map-location-selector>

You can get the location in the callback function defined in the locationUpdated event.

methods:{
  locationUpdated(latlng) {
    this.latitude = latlng.lat;
    this.longitude = latlng.lng;
  }
}