वादे

Google Maps JavaScript API में मौजूद सभी एसिंक्रोनस तरीके, Promises दिखाते हैं.

सहायता

एपीआई	मेथड, प्रॉमिस ऑब्जेक्ट दिखाते हैं
रास्ता	हां
Distance Matrix	हां
ऊंचाई	हां
Geocoder	हां
ज़्यादा से ज़्यादा ज़ूम करने की सुविधा वाली इमेज	हां
जगहें	नहीं
Places AutocompleteService	कुछ हद तक1
Streetview	हां

इस्तेमाल

Google Maps JavaScript API के साथ एसिंक्रोनस तरीके से मेथड कॉल करने के लिए, Promises का इस्तेमाल करने के बारे में इस गाइड को पढ़ें या यहां दिए गए उदाहरण देखें.

async और await

await ऑपरेटर का इस्तेमाल, Promise के पूरा होने का इंतज़ार करने के लिए किया जाता है. इसका इस्तेमाल सिर्फ़ एसिंक फ़ंक्शन के अंदर किया जा सकता है.

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