Metody asynchroniczne w interfejsie Google Maps JavaScript API zwracają wartość Promises.
Pomoc
API | Metody zwracania obietnic |
---|---|
Trasa | Tak |
Macierz odległości | Tak |
Wzniesienie | Tak |
Geokoder | Tak |
Zdjęcia z maksymalnym powiększeniem | Tak |
Miejsca | Nie |
Usługa autouzupełniania miejsc | Częściowo1 |
Street View | Tak |
Wykorzystanie
Zapoznaj się z tym przewodnikiem po korzystaniu z Promises lub przykładami poniżej, aby wykonywać asynchroniczne wywołania metod za pomocą interfejsu Google Maps JavaScript API.
Asynchroniczne i czekaj
Operator „await” służy do oczekiwania na obietnicę. Można go używać tylko w funkcji asynchronicznej.
const app = async () => {
const elevationService = google.maps.ElevationService();
const locations = [{lat: 27.986065, lng:86.922623}];
const response = await elevationService.getElevationForLocation({locations});
console.log(response.results);
};
app();
Następnie złap ją, a w końcu
Obiekt Promise zawiera metody then
, catch
i finally
, które przyjmują funkcje wywołania zwrotnego.
const elevationService = google.maps.ElevationService();
const locations = [{lat: 27.986065, lng:86.922623}];
const promise = elevationService.getElevationForLocation({locations});
promise
.then((response) => {
console.log(response.results);
})
.catch((error) => {
console.log(error);
});
.finally(() => {
console.log('done');
});
Asynchroniczny wzorzec wywołania zwrotnego
Wzorzec wywołania zwrotnego jest nadal prawidłowy i obsługiwany.
const elevationService = google.maps.ElevationService();
const locations = [{lat: 27.986065, lng:86.922623}];
const callback = (results, status) => {
if (status === 'OK') {
console.log(results);
} else {
// handle this case
}
};
elevationService.getElevationForLocation({locations}, callback);
-
Obecnie obietnice są obsługiwane tylko w:
getPlacePredictions()
. ↩