Maps JavaScript API से जुड़ी नीतियां

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

इस्तेमाल की शर्तें और निजता नीति उपलब्ध कराना

अगर आपने Maps JavaScript API ऐप्लिकेशन डेवलप किया है, तो आपको अपने ऐप्लिकेशन के साथ इस्तेमाल की शर्तें और निजता नीति उपलब्ध करानी होगी, जो Google के साथ आपके कानूनी समझौते में बताए गए दिशा-निर्देशों का पालन करती हो:

  • इस्तेमाल की शर्तें और निजता नीति सार्वजनिक तौर पर उपलब्ध होनी चाहिए.
  • आपको अपने ऐप्लिकेशन की इस्तेमाल की शर्तों में साफ़ तौर पर यह बताना होगा कि आपके ऐप्लिकेशन का इस्तेमाल करने पर, उपयोगकर्ता Google की सेवा की शर्तों का पालन करते हैं.
  • आपको अपनी निजता नीति में उपयोगकर्ताओं को बताना होगा कि Google Maps API का इस्तेमाल किया जा रहा है. साथ ही, Google निजता नीति का पालन करके भी इसकी जानकारी दें.

इस्तेमाल की शर्तों और निजता नीति को उपलब्ध कराने के लिए, सुझाई गई जगह आपके ऐप्लिकेशन के प्लैटफ़ॉर्म पर निर्भर करती है.

मोबाइल ऐप्लिकेशन

अगर मोबाइल ऐप्लिकेशन डेवलप किया जा रहा है, तो यह सुझाव दिया जाता है कि आप संबंधित ऐप्लिकेशन स्टोर में अपने ऐप्लिकेशन के डाउनलोड पेज पर और ऐप्लिकेशन सेटिंग मेन्यू में इस्तेमाल की शर्तों और निजता नीति का लिंक दें.

वेब ऐप्लिकेशन

अगर कोई वेब ऐप्लिकेशन डेवलप किया जा रहा है, तो यह सुझाव दिया जाता है कि आप अपनी वेबसाइट के फ़ुटर में इस्तेमाल की शर्तों और निजता नीति का लिंक दें.

कॉन्टेंट को प्री-फ़ेच करना, कैश मेमोरी में सेव करना या सेव करना

Maps JavaScript API का इस्तेमाल करने वाले ऐप्लिकेशन पर, Google के साथ हुए आपके कानूनी समझौते की शर्तें लागू होती हैं. आपके कानूनी समझौते की शर्तों के हिसाब से, शर्तों में बताई गई सीमित शर्तों के अलावा किसी भी कॉन्टेंट को प्री-फ़ेच, इंडेक्स, स्टोर या कैश मेमोरी में सेव नहीं किया जा सकता.

ध्यान दें कि किसी जगह की खास तौर पर पहचान करने के लिए इस्तेमाल किए जाने वाले जगह के आईडी को कैश मेमोरी में सेव होने की पाबंदियों से छूट मिलती है. जगह का आईडी, Maps JavaScript API से मिले रिस्पॉन्स में `place_id` फ़ील्ड में दिखाया जाता है. जगह के आईडी से जुड़ी गाइड में, जगह के आईडी को सेव, रीफ़्रेश, और मैनेज करने का तरीका जानें.

Maps JavaScript API के नतीजे दिखाए जा रहे हैं

Maps JavaScript API के नतीजे Google Maps पर या मैप के बिना दिखाए जा सकते हैं. अगर आपको Maps पर Maps JavaScript API के नतीजे दिखाने हैं, तो ये नतीजे Google Maps पर ज़रूर दिखाए जाने चाहिए. Maps JavaScript API डेटा का इस्तेमाल ऐसे मैप पर नहीं किया जा सकता जो Google मैप न हो.

अगर आपका ऐप्लिकेशन Google Maps पर डेटा दिखाता है, तो Google के लोगो को शामिल किया जाएगा और हो सकता है कि इसमें कोई बदलाव न किया गया हो. Google डेटा को Google मैप की तरह स्क्रीन पर दिखाने वाले ऐप्लिकेशन के लिए, Google को और एट्रिब्यूशन देने की ज़रूरत नहीं होती.

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

Google लोगो को मैप के सबसे नीचे बाएं कोने में होना चाहिए. एट्रिब्यूशन की जानकारी नीचे दाएं कोने में होनी चाहिए. ये दोनों जानकारी पूरे मैप पर होनी चाहिए, न कि मैप के नीचे या ऐप्लिकेशन में किसी अन्य जगह पर. नीचे दिए गए मैप के उदाहरण में, मैप के नीचे बाईं ओर Google लोगो और नीचे दाईं ओर एट्रिब्यूशन दिखाया गया है.

नीति एट्रिब्यूशन प्लेसमेंट

नीचे दी गई ZIP फ़ाइल में डेस्कटॉप, Android, और iOS ऐप्लिकेशन के लिए Google का लोगो सही साइज़ में है. आप किसी भी तरह से इन लोगो का साइज़ नहीं बदल सकते या उनमें बदलाव नहीं कर सकते.

डाउनलोड करें: google_logo.zip

एट्रिब्यूशन में बदलाव न करें. एट्रिब्यूशन की जानकारी को न तो हटाएं और न ही उसे धुंधला करें और न ही उसे काटें. Google के लोगो को इनलाइन में इस्तेमाल नहीं किया जा सकता. उदाहरण के लिए, "ये मैप [Google_logo] से लिए गए हैं".

एट्रिब्यूशन को एक-दूसरे के पास रखें. अगर सीधे तौर पर एम्बेड किए गए कॉन्टेंट के अलावा, Google की तस्वीरों के स्क्रीनशॉट का इस्तेमाल किया जा रहा है, तो इमेज में दिखने वाले स्टैंडर्ड एट्रिब्यूशन को शामिल करें. ज़रूरत पड़ने पर, एट्रिब्यूशन टेक्स्ट की स्टाइल और प्लेसमेंट को अपने हिसाब से बदला जा सकता है. हालांकि, ऐसा तब किया जा सकता है, जब टेक्स्ट, कॉन्टेंट के आस-पास हो और औसत दर्शक या पाठक को आसानी से पढ़ा जा सके. एट्रिब्यूशन को कॉन्टेंट से दूर नहीं किया जा सकता. जैसे, आपकी किताब के आखिर में, आपकी फ़ाइलों या शो के क्रेडिट या आपकी वेबसाइट के फ़ुटर में.

डेटा उपलब्ध करवाने वाली तीसरे पक्ष की कंपनियों को शामिल करें. मैपिंग से जुड़े हमारे प्रॉडक्ट पर मौजूद कुछ डेटा और इमेज, Google के अलावा, दूसरी कंपनियों से भी ली जाती हैं. अगर ऐसी तस्वीरों का इस्तेमाल किया जा रहा है, तो एट्रिब्यूशन के टेक्स्ट में "Google" लिखा होना चाहिए. साथ ही, काम का डेटा उपलब्ध कराने वाली कंपनी(कंपनियों) का नाम भी शामिल होना चाहिए, जैसे कि "Maps डेटा: Google, Maxar Technologies". जब तस्वीरों के साथ तीसरे पक्ष का डेटा मुहैया कराने वाली कंपनी का हवाला दिया जाता है, तो सिर्फ़ "Google" या Google के लोगो को शामिल करना सही एट्रिब्यूशन नहीं होता है.

अगर किसी ऐसे डिवाइस पर Google Maps Platform का इस्तेमाल किया जा रहा है जहां एट्रिब्यूशन डिसप्ले काम नहीं करता, तो आपके इस्तेमाल के हिसाब से सही लाइसेंस के बारे में चर्चा करने के लिए, कृपया Google की सेल्स टीम से संपर्क करें.

एट्रिब्यूशन से जुड़ी अन्य ज़रूरी शर्तें

तीसरे पक्ष के एट्रिब्यूशन वापस पाने और अपने ऐप्लिकेशन में एट्रिब्यूशन दिखाने के लिए, इन निर्देशों का पालन करें.

देखें

किसी जगह से एट्रिब्यूशन वापस पाएं

अगर आपका ऐप्लिकेशन, कॉल Place.fetchFields से मिली समीक्षा की जानकारी दिखाता है, तो ऐप्लिकेशन में जगह की जानकारी के लिए तीसरे पक्ष के एट्रिब्यूशन भी दिखाए जाने चाहिए.

एपीआई Place ऑब्जेक्ट दिखाता है. Place ऑब्जेक्ट से एट्रिब्यूशन पाने के लिए, Place.attributions प्रॉपर्टी का इस्तेमाल करें. यह प्रॉपर्टी हर अनुरोध के साथ मिलती है. इसके लिए, फ़ील्ड के साथ जानकारी देने की ज़रूरत नहीं होती. अगर दिखाने के लिए कोई एट्रिब्यूशन नहीं है, तो प्रॉपर्टी String ऑब्जेक्ट का List या null दिखाती है. नीचे दिए गए उदाहरण में, जगह पाने और किसी भी एट्रिब्यूशन को सूची में शामिल करने का तरीका बताया गया है.

  // Use place ID to create a new Place instance.
  const place = new Place({
      id: 'ChIJB9a4Ifl744kRlpz0BQJzGQ8', // Crazy Good Kitchen
  });

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

  // Check for any place attributions.
  if (!place.attributions) {
      console.log('No attributions were found.');
      return;
  } else {
      // Log the place attribution
      for (var attribution of place.attributions) {
          console.log(attribution);
      }
  }

समीक्षा दिखाएं

किसी Place ऑब्जेक्ट में ज़्यादा से ज़्यादा पांच समीक्षाएं हो सकती हैं. हालांकि, हर समीक्षा को Review ऑब्जेक्ट के तौर पर दिखाया जाता है. आपके पास अपने ऐप्लिकेशन में इन समीक्षाओं को दिखाने का विकल्प होता है.

Google के उपयोगकर्ताओं की समीक्षाएं दिखाते समय, आपको लेखक का नाम उसके आस-पास होना चाहिए. हमारा सुझाव है कि Review ऑब्जेक्ट के लेखक एट्रिब्यूशन फ़ील्ड में, लेखक की फ़ोटो और उसकी प्रोफ़ाइल का लिंक भी शामिल करें. नीचे दी गई इमेज में पार्क की समीक्षा का उदाहरण दिखाया गया है:

लेखक एट्रिब्यूशन डिसप्ले

नीचे दिए गए उदाहरण में जगह की जानकारी पाना, समीक्षाओं की जांच करना, और पहली समीक्षा का डेटा दिखाना दिखाया गया है: 

  // Use place ID to create a new Place instance.
  const place = new Place({
      id: 'ChIJB9a4Ifl744kRlpz0BQJzGQ8', // Crazy Good Kitchen, Boston MA
  });

  // Call fetchFields, passing "reviews" and other needed fields.
  await place.fetchFields({
      fields: ["displayName", "formattedAddress", "location", "reviews"],
  });

  // If there are any reviews display the first one.
  if (!place.reviews) {
      console.log('No reviews were found.');
  } else {
      // Log the review count so we can see how many there are.
      console.log("REVIEW COUNT: " + place.reviews.length);

      // Get info for the first review.
      let reviewRating = place.reviews[0].rating;
      let reviewText = place.reviews[0].text;
      let authorName = place.reviews[0].authorAttribution.displayName;
      let authorUri = place.reviews[0].authorAttribution.uri;

      // Create a bit of HTML to add to the info window
      const contentString =
        '<div id="title"><b>' + place.displayName + '</b></div>' +
        '<div id="address">' + place.formattedAddress + '</div>' +
        '<a href="' + authorUri + '" target="_blank">Author: ' + authorName + '</a>' +
        '<div id="rating">Rating: ' + reviewRating + ' stars</div>' +
        '<div id="rating""><p>Review: ' + reviewText + '</p></div>';

      // Create an info window.
      infoWindow = new InfoWindow({
          content: contentString,
          ariaLabel: place.displayName,
      });

      // Add a marker for the place.
      const marker = new AdvancedMarkerElement({
          map,
          position: place.location,
          title: place.displayName,
      });

      // Show the info window.
      infoWindow.open({
          anchor: marker,
          map,
      });
  }

किसी फ़ोटो के लिए एट्रिब्यूशन दिखाएं

अगर आपका ऐप्लिकेशन फ़ोटो दिखाता है, तो आपको उन सभी फ़ोटो के लिए लेखक की जानकारी दिखानी होगी जिनमें वे फ़ोटो मौजूद हैं. जवाब के Place ऑब्जेक्ट में मौजूद फ़ोटो की जानकारी, photos कलेक्शन में मौजूद होती है. रिस्पॉन्स में photos कलेक्शन जोड़ने के लिए, अनुरोध में photos डेटा फ़ील्ड शामिल करें.

फ़ोटो के कलेक्शन का हर एलिमेंट, Photo का इंस्टेंस होता है. इसमें, AuthorAttribution टाइप की authorAttributions कैटगरी होती है. AuthorAttribution ऑब्जेक्ट के फ़ील्ड ऐसी स्ट्रिंग होती हैं जिनमें एट्रिब्यूशन के displayName, uri, और photoUri मौजूद होते हैं. इसके अलावा, अगर दिखाने के लिए कोई एट्रिब्यूशन न हो, तो एक खाली स्ट्रिंग होती है.

Google एट्रिब्यूशन के लिए स्टाइल से जुड़े दिशा-निर्देश

अगर आप डाउनलोड किए जा सकने वाले Google लोगो का इस्तेमाल नहीं कर पा रहे हैं, तो सीएसएस और एचटीएमएल में Google एट्रिब्यूशन के लिए, स्टाइल से जुड़े दिशा-निर्देश यहां दिए गए हैं.

खाली जगह

लॉकअप के आस-पास की खाली जगह, Google में "G" की ऊंचाई के बराबर या उससे ज़्यादा होनी चाहिए.

एट्रिब्यूशन कॉपी और Google लोगो के बीच की जगह, "G" की चौड़ाई से आधी होनी चाहिए.

पढ़ने में आसानी

बायलाइन हमेशा साफ़ और समझने लायक होनी चाहिए. साथ ही, दिए गए बैकग्राउंड के लिए सही रंग में दिखाई जानी चाहिए. हमेशा पक्का करें कि आपने लोगो के अलग-अलग वर्शन को चुना है और उसके लिए ज़रूरत के मुताबिक कंट्रास्ट दिया हो.

रंग

सफ़ेद या हल्के रंग के बैकग्राउंड पर Google मटीरियल स्लेटी 700 टेक्स्ट का इस्तेमाल करें, जिसमें 0% से 40% तक काले रंग का इस्तेमाल किया गया हो.

Google
#5F6368
RGB 95 99 104
HSL 213 5 39
HSB 213 9 41

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

Google
#FFFFFF
RGB 255 255 255
HSL 0 0 100
HSB 0 0 100

फ़ॉन्ट

Roboto फ़ॉन्ट का इस्तेमाल करें.

सीएसएस का उदाहरण

जब "Google" टेक्स्ट पर यह सीएसएस लागू की जाती है, तो यह "Google" को सफ़ेद या हल्के रंग के बैकग्राउंड पर सही फ़ॉन्ट, रंग, और स्पेसिंग के साथ रेंडर करेगा.

font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px;
padding: 16px;
letter-spacing: 0.0575em; /* 0.69px */
color: #5F6368;