@ng-maps/places
Components related to places library. Currently only an autocomplete directive is implemented that can be attached to an input field to provide places suggestions
Installation
- Npm:
npm install @ng-maps/places
- Yarn:
yarn add @ng-maps/places
Add NgMapsPlacesModule
to the module you want to use this module in.
You will also need to load the places library together with google maps. To achieve this you have to add it to the GOOGLE_MAPS_API_CONFIG
provider.
{
provide: GOOGLE_MAPS_API_CONFIG,
useValue: {
…
libraries: ['places']
}
}
Configuration
There are different possibilities to add a default configuration to the module.
You can use either NgMapsPlacesModule.forRoot(<ConfigOptions>)
or NgMapsPlacesModule.forRootFactory(() => <ConfigOptions>, [...depts])
.
Or you can provide a configuration with the NG_MAPS_PLACES_DEFAULT_CONFIGURATION
injection token.
Directives
Autocomplete
Add mapAutocomplete
to an input field like <input mapAutocomplete />
or with options <input [mapAutocomplete]="options" />
- Options are from AutocompleteOptions
Attach to result by adding listener for placeResult
which returns a PlaceResult