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

प्लैटफ़ॉर्म चुनें: Android iOS JavaScript वेब सेवा

फ़ील्ड फ़ेच करें

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

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

TypeScript

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

JavaScript

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
ध्यान दें कि Map और Place का एलान इस फ़ंक्शन से पहले किया गया है: 
const { Map } = await google.maps.importLibrary("maps");
const { Place } = await google.maps.importLibrary("places");
 पूरा उदाहरण देखें

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

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

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