A Google Places Autocomplete component for Angular.
npm install @codious/ngx-google-places-autocomplete
A Google Places Autocomplete component for Angular.
This plugin is a custom component build with the Google Places AutocompleteService instead of the Google Places Autocomplete class. You can use this plugin easily in a form and don't have to deal with the asynchronous placed_changed event. Simply bind a formControl or formControlName to the component to get the value of the input in your form. The downside is that you still need to do your own geocoding if you want to have geographic coordinates of the address. Luckily, this can be easily done with the Google Geocoder.
Make sure you have the Google Places API Web Service activated in the Google API Console.
``shell`
npm install @codious/ngx-google-places-autocomplete
npm install @types/google.maps --save-dev
Inside your app.module.ts file import the plugin in your NgModule.
`typescript
@NgModule({
bootstrap: [AppComponent],
declarations: [AppComponent],
imports: [
BrowserModule,
NgxGooglePlacesAutocompleteModule.forRoot({
key: '', // your Google API key retrieved from the Google Developer Console
language: 'nl', // see https://developers.google.com/maps/documentation/javascript/localization
libraries: 'places', // see https://developers.google.com/maps/documentation/javascript/libraries
loadScript: true | false, // whether or not the