जगह की जानकारी

फ़ील्ड फ़ेच करना

अगर आपके पास कोई मौजूदा Place ऑब्जेक्ट या जगह का आईडी है, तो उस जगह के बारे में जानकारी पाने के लिए Place.fetchFields() तरीके का इस्तेमाल करें. दिखाने के लिए, कॉमा लगाकर अलग किए गए जगह के डेटा फ़ील्ड की सूची दें; फ़ील्ड के नाम कैमल केस में डालें. अनुरोध किए गए फ़ील्ड का डेटा पाने के लिए, दिखाए गए Place ऑब्जेक्ट का इस्तेमाल करें.

यहां दिए गए उदाहरण में, नया Place बनाने के लिए प्लेस आईडी का इस्तेमाल किया गया है. साथ ही, Place.fetchFields() को कॉल करके displayName और formattedAddress फ़ील्ड का अनुरोध किया गया है. इसके बाद, मैप में मार्कर जोड़ा गया है और कुछ डेटा को कंसोल में लॉग किया गया है.

async function getPlaceDetails() {
    const { Place } =  await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
    const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
    // Use place ID to create a new Place instance.
    const place = new Place({
        id: 'ChIJN5Nz71W3j4ARhx5bwpTQEGg',
        requestedLanguage: 'en', // optional
    });

    // Call fetchFields, passing the desired data fields.
    await place.fetchFields({ fields: ['displayName', 'formattedAddress', 'location'] });

    // Log the result
    console.log(place.displayName);
    console.log(place.formattedAddress);

    // Add an Advanced Marker
    const marker = new AdvancedMarkerElement({
        map,
        position: place.location,
        title: place.displayName,
    });
}
index.ts

async function getPlaceDetails() {
  const { Place } = await google.maps.importLibrary("places");
  const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
  // Use place ID to create a new Place instance.
  const place = new Place({
    id: "ChIJN5Nz71W3j4ARhx5bwpTQEGg",
    requestedLanguage: "en", // optional
  });

  // Call fetchFields, passing the desired data fields.
  await place.fetchFields({
    fields: ["displayName", "formattedAddress", "location"],
  });
  // Log the result
  console.log(place.displayName);
  console.log(place.formattedAddress);

  // Add an Advanced Marker
  const marker = new AdvancedMarkerElement({
    map,
    position: place.location,
    title: place.displayName,
  });
}
index.js

const { Map } = await google.maps.importLibrary("maps");
const { Place } = await google.maps.importLibrary("places");

जगह की खास जानकारी वाले कॉम्पोनेंट का इस्तेमाल करना

जगह की खास जानकारी वाला कॉम्पोनेंट, लाखों कारोबारों के बारे में पूरी जानकारी दिखाता है. इसमें, कारोबार के खुले होने का समय, स्टार रेटिंग, और फ़ोटो के साथ-साथ, पहले से तैयार किए गए यूज़र इंटरफ़ेस (यूआई) में, रास्ते की जानकारी और अन्य कार्रवाइयां भी शामिल होती हैं. यह जानकारी पांच साइज़ और फ़ॉर्मैट में दिखती है. यह Google Maps Platform की एक्सटेंडेड कॉम्पोनेंट लाइब्रेरी का हिस्सा है. यह वेब कॉम्पोनेंट का एक सेट है, जिससे डेवलपर को बेहतर मैप और जगह की जानकारी से जुड़ी सुविधाओं को तेज़ी से बनाने में मदद मिलती है.

जगह की खास जानकारी वाले कस्टम कॉम्पोनेंट के लिए, एम्बेड किया जा सकने वाला कोड बनाने के लिए, जगह की खास जानकारी वाले कॉन्फ़िगरेशन टूल का इस्तेमाल करें. इसके बाद, इसे React और Angular जैसे लोकप्रिय फ़्रेमवर्क या किसी भी फ़्रेमवर्क के साथ इस्तेमाल करने के लिए एक्सपोर्ट करें.