The MapGeocoder, like the google.maps.Geocoder, has a single method, geocode. Normally, the
google.maps.Geocoder takes two arguments, a google.maps.GeocoderRequest and a callback that
takes the google.maps.GeocoderResult and google.maps.GeocoderStatus as arguments.
The MapGeocoder.geocode method takes the google.maps.GeocoderRequest as the single
argument, and returns an Observable of a MapGeocoderResponse, which is an interface defined as
follows:
export interface MapGeocoderResponse {
status: google.maps.GeocoderStatus;
results: google.maps.GeocoderResult[];
}Using the MapGeocoder requires the Geocoding API to be enabled in Google Cloud Console on the
same project as the one set up for the Google Maps JavaScript API, and requires an API key that
has billing enabled. See here for details.
// google-maps-demo.component.ts
import {Component} from '@angular/core';
import {MapGeocoder} from '@angular/google-maps';
@Component({
selector: 'google-map-demo',
templateUrl: 'google-map-demo.html',
})
export class GoogleMapDemo {
constructor(geocoder: MapGeocoder) {
geocoder.geocode({
address: '1600 Amphitheatre Parkway, Mountain View, CA'
}).subscribe(({results}) => {
console.log(results);
});
}
}