vue 组件通过api调用_Google Places API的Vue.js自动建议组件

vue 组件通过api调用

Vue Google自动完成 (Vue Google Autocomplete)

A Vue.js (2.x) autosuggest component for the Google Maps Places API.

Google Maps Places API的Vue.js(2.x)自动建议组件。

好处 (Benefits)

I have tried to use different Vue Google Autocomplete components, but did not find any that would solve my needs. So below I would like to mention what you can get from this exact component:

我尝试使用其他Vue Google自动完成组件，但是没有找到可以满足我需求的组件。 因此，在下文中，我想提及您可以从此确切组件中获得什么：

Load more than one autocompletion inputs (I could not achieve this with existing vue components) Getting geolocation data (latitude, longitude) for found address object along with other address data (country, city, state, street, house number, zip code). So no need to do additional geocode request on backend side. No external dependencies You can get access to underlying PlaceResult object to get more details about found location. You can limit results to specific country or use users geolocation data

加载多个自动完成输入(我无法使用现有的vue组件实现此目的)获取找到的地址对象的地理位置数据(纬度，经度)以及其他地址数据(国家，城市，州，街道，门牌号，邮政编码)。 因此，无需在后端执行其他地址解析请求。 没有外部依赖项您可以访问基础的PlaceResult对象以获取有关找到的位置的更多详细信息。 您可以将结果限制为特定的国家或使用用户地理位置数据

现场演示 (Live Demo)

https://olefirenko.github.io/vue-google-autocomplete/

https://olefirenko.github.io/vue-google-autocomplete/

翻译自: https://vuejsexamples.com/a-vue-js-autosuggest-component-for-the-google-places-api/

vue 组件通过api调用