Объекты Promise

Асинхронные методы в API JavaScript Карт Google возвращают Promises .

Поддерживать

API Методы возвращают обещания
Направления Да
Матрица расстояний Да
Высота Да
Геокодер Да
Изображение с максимальным увеличением Да
Места Нет
Служба автозаполнения мест Частичный 1
Просмотр улиц Да

Применение

См. это руководство по использованию обещаний или приведенные ниже примеры выполнения асинхронных вызовов методов с помощью API JavaScript Карт Google.

Асинхронно и ждать

Оператор await используется для ожидания обещания. Его можно использовать только внутри асинхронной функции.

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();

Потом поймай, и наконец

Объект Promise имеет методы then , catch и, finally , которые принимают функции обратного вызова.

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');
    });

Шаблон асинхронного обратного вызова

Шаблон обратного вызова по-прежнему действителен и поддерживается.

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);

  1. В настоящее время обещания поддерживаются только в getPlacePredictions() . ↩