Skip to main content
100%

Places Autocomplete

✓ Published0🌍 Public
Aalexfinnarn
Last edited Feb 13, 2018
Created on Feb 13, 2018

This example demonstrates a Google Maps place-autocomplete interface within a Vue.js template. It shows how a user-selected address from the autocomplete dropdown updates the map’s center coordinates, displaying the chosen location’s latitude and longitude. The code uses the `gmap-autocomplete` component from the Vue Google Maps library, binding the `place_changed` event to a `setPlace` method. That method reads the selected place’s geometry location and assigns its lat/lng values to the component’s data properties, which drive the map view.

AI-generated description

Similar vizzes