{"version":"1.0","type":"rich","title":"Places Autocomplete","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-ed53b9c12cdc8083b198893820c67d4f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}