वादे

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

सहायता

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

इस्तेमाल

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

एसिंक और इंतज़ार करना

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