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 के साथ कानूनी समझौता. समझौते की शर्तों के मुताबिक, आपको ये काम नहीं करने चाहिए सीमित शर्तों में बताया गया है.

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

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

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

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

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

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

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

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

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

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

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

डेटा उपलब्ध करवाने वाली तीसरे पक्ष की कंपनियों को शामिल करें. मैपिंग पर मौजूद कुछ डेटा और इमेज जो Google के अलावा, सेवा देने वाली अन्य कंपनियों से मिलते हैं. ऐसी तस्वीरों के संग्रह का इस्तेमाल करते समय, आपके विशेषता में "Google" नाम होना चाहिए और संबंधित डेटा उपलब्ध करवाने वाली कंपनियों, जैसे कि "मैप डेटा: 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 का लोगो.

जगह खाली करना

लॉकअप के आस-पास की खाली जगह, इसकी ऊंचाई के बराबर या उससे ज़्यादा होनी चाहिए "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;