समस्या का हल

रिमाइंडर: Maps JavaScript API का इस्तेमाल करने के लिए:

• Maps JavaScript API के सभी अनुरोधों में एपीआई पासकोड शामिल होना चाहिए. अब हम बिना पासकोड के ऐक्सेस की सुविधा नहीं देते.
• आपको अपने हर प्रोजेक्ट के लिए, बिलिंग की सुविधा चालू करनी होगी.

एपीआई पासकोड और बिलिंग से जुड़ी गड़बड़ियां

कुछ मामलों में, गहरे रंग वाला मैप या 'नेगेटिव' Street View की तस्वीरें दिख सकती हैं. इस पर, "सिर्फ़ डेवलपमेंट के मकसद से" टेक्स्ट वाला वॉटरमार्क लगा होता है. आम तौर पर, ऐसा होने का मतलब है कि एपीआई पासकोड या बिलिंग में कोई समस्या है. Google Maps Platform के प्रॉडक्ट इस्तेमाल करने के लिए, आपके खाते में बिलिंग की सुविधा चालू होनी चाहिए. साथ ही, सभी अनुरोधों में एक मान्य एपीआई पासकोड शामिल होना चाहिए. इस समस्या को हल करने के लिए, यहां दिया गया तरीका अपनाएं:

क्या एपीआई पासकोड का इस्तेमाल किया जा रहा है?

मुझे पूरी तरह से नहीं पता. मैं कैसे पता लगाऊं कि मैं एपीआई पासकोड का इस्तेमाल कर रहा/रही हूं या नहीं?

एपीआई पासकोड को यूआरएल में key पैरामीटर के तौर पर पास किया जाता है. इस यूआरएल का इस्तेमाल, Maps JavaScript API को लोड करने के लिए किया जाता है. यहां कुछ विकल्प दिए गए हैं, जिनसे यह पता लगाया जा सकता है कि एपीआई पासकोड का इस्तेमाल किया जा रहा है या नहीं:

• Google Maps Platform API Checker Chrome एक्सटेंशन का इस्तेमाल करें. इससे आपको यह पता लगाने में मदद मिलती है कि आपकी वेबसाइट, Google के लाइसेंस वाले Maps API को सही तरीके से लागू कर रही है या नहीं.
• अगर Maps JavaScript API को लोड करने के लिए किसी लाइब्रेरी या प्लग इन का इस्तेमाल किया जा रहा है, तो उस लाइब्रेरी की सेटिंग देखें और एपीआई पासकोड का विकल्प ढूंढें.
• अपने ब्राउज़र में गड़बड़ियां देखें. अगर आपको ये मैसेज दिखते हैं, तो इसका मतलब है कि एपीआई पासकोड का इस्तेमाल सही तरीके से नहीं किया जा रहा है:
  • Google Maps JavaScript API से जुड़ी चेतावनी: NoApiKeys
  • Google Maps JavaScript API से जुड़ी गड़बड़ी: MissingKeyMapError

वेब डेवलपर के लिए:

• अगर आपके पास अपने ऐप्लिकेशन के सोर्स कोड का ऐक्सेस है, तो <script> टैग ढूंढें. इसका इस्तेमाल, Maps JavaScript API को लोड करने के लिए किया जाता है. Maps JavaScript API लोड करते समय, नीचे दिए गए कोड में YOUR_API_KEY को अपने एपीआई पासकोड से बदलें.

    <script async defer
      src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>

• ब्राउज़र में अपनी वेबसाइट से जनरेट हुए नेटवर्क ट्रैफ़िक की जांच करें. Chrome में, इसे DevTools के नेटवर्क टैब का इस्तेमाल करके देखा जा सकता है. यहां आपको अपनी वेबसाइट से किए गए नेटवर्क के अनुरोध दिखेंगे. Maps JavaScript API का इस्तेमाल करके किए गए अनुरोध, maps/api/js पाथ के तहत होंगे. यहां यह पुष्टि की जा सकती है कि अनुरोधों में key पैरामीटर का इस्तेमाल किया जा रहा है या नहीं. नेटवर्क टैब देखते समय, maps/api/js के हिसाब से अपने नेटवर्क ट्रैफ़िक को फ़िल्टर करना मददगार हो सकता है.

नहीं, मैं एपीआई पासकोड का इस्तेमाल नहीं कर रहा/रही हूं.

एपीआई पासकोड पाने के लिए, नीचे दिए गए बटन पर क्लिक करें. अगर आपको सेटअप करने के लिए निर्देश नहीं दिखते हैं, तो Google Maps Platform का इस्तेमाल शुरू करें पर जाकर, सभी निर्देश देखें.
शुरू करें

हां, मैं एपीआई पासकोड का इस्तेमाल कर रहा/रही हूं.

बढ़िया! चलिए, आगे बढ़ते हैं और देखते हैं कि आपके प्रोजेक्ट से कोई बिलिंग खाता जुड़ा है या नहीं.

क्या आपके प्रोजेक्ट से कोई बिलिंग खाता जुड़ा है?

मुझे पूरी तरह से नहीं पता. मैं कैसे पता लगाऊं कि मेरे प्रोजेक्ट से कोई बिलिंग खाता जुड़ा है या नहीं?

Google Cloud Console में बिलिंग पेज पर जाएं और वह प्रोजेक्ट चुनें जिसके लिए एपीआई पासकोड बनाया गया था. यह पुष्टि करने के लिए कि कुंजी, प्रोजेक्ट से जुड़ी है:

1. क्रेडेंशियल सेक्शन पर जाएं. इसे बाईं ओर मौजूद साइड बार में, Google Maps Platform > क्रेडेंशियल से ऐक्सेस किया जा सकता है.
2. देखें कि आपकी वेबसाइट पर इस्तेमाल किया जा रहा एपीआई पासकोड सूची में शामिल है या नहीं. अगर ऐसा नहीं है, तो किसी दूसरे प्रोजेक्ट पर स्विच करें और वहां क्रेडेंशियल देखें.
3. अगर आपको अपने एपीआई पासकोड के लिए प्रोजेक्ट नहीं मिल रहा है, तो हो सकता है कि आपने इस प्रोजेक्ट का ऐक्सेस खो दिया हो. अपने संगठन के अन्य लोगों से मदद मांगें. अगर ओरिजनल प्रोजेक्ट नहीं मिल रहा है, तो आपको:
   1. नया प्रोजेक्ट बनाएं. इसके लिए, प्रोजेक्ट की सूची में जाकर नया प्रोजेक्ट चुनें या रिसोर्स मैनेजर पेज पर जाकर प्रोजेक्ट बनाएं चुनें.
   2. नया एपीआई पासकोड बनाएं. ऐसा क्रेडेंशियल पेज पर जाकर किया जा सकता है. इसके बाद, क्रेडेंशियल बनाएं पर क्लिक करें और फिर एपीआई पासकोड चुनें.

Cloud Console में अपना प्रोजेक्ट ढूंढने के बाद, देखें कि कोई बिलिंग खाता जुड़ा है या नहीं. इसके लिए, बाईं ओर मौजूद मेन्यू में बिलिंग सेक्शन पर जाएं.

नहीं, मेरे प्रोजेक्ट से कोई बिलिंग खाता नहीं जुड़ा है.

Cloud Console में बिलिंग चालू करें पेज पर जाएं और अपने प्रोजेक्ट में बिलिंग खाता जोड़ें. ज़्यादा जानकारी के लिए, Google Maps Platform का इस्तेमाल शुरू करना लेख पढ़ें.

हां, मेरे प्रोजेक्ट से एक बिलिंग खाता जुड़ा हुआ है.

बढ़िया! पक्का करें कि पैसे चुकाने का तरीका मान्य हो.

क्या पैसे चुकाने का दिया गया तरीका अब मान्य नहीं है? उदाहरण के लिए, क्या क्रेडिट कार्ड की समयसीमा खत्म हो गई है?

Cloud Console में, पेमेंट का तरीका जोड़ा, हटाया या अपडेट किया जा सकता है.

क्या एपीआई के लिए, रोज़ाना इस्तेमाल की तय सीमा पार हो गई है?

अगर आपने अपने किसी एपीआई के लिए, रोज़ाना इस्तेमाल की सीमा सेट की है, तो रोज़ाना इस्तेमाल की सीमा बढ़ाकर इस समस्या को हल किया जा सकता है. आम तौर पर, अचानक होने वाली बढ़ोतरी को रोकने के लिए ऐसा किया जाता है.

Cloud Console में एपीआई और सेवाओं के डैशबोर्ड पर जाकर, रोज़ाना इस्तेमाल की सीमाएं देखी जा सकती हैं. इसके बाद:

1. अगर कहा जाए, तो कोई प्रोजेक्ट चुनें.
2. सूची में से कोई एपीआई चुनें. इसके बाद, कोटा टैब पर क्लिक करें.

क्या आपके एपीआई पासकोड पर आईपी पते से जुड़ी पाबंदी लगी है?

आईपी पतों पर पाबंदी वाली एपीआई कुंजियों का इस्तेमाल, सिर्फ़ उन वेब सेवाओं के साथ किया जा सकता है जिन्हें सर्वर साइड से इस्तेमाल करने के लिए बनाया गया है. जैसे, Geocoding API और अन्य वेब सर्विस एपीआई. इनमें से ज़्यादातर वेब सेवाओं के लिए, Maps JavaScript API में मिलती-जुलती सेवाएं मौजूद हैं. उदाहरण के लिए, जियोकोडिंग सेवा देखें. Maps JavaScript API की क्लाइंट साइड सेवाओं का इस्तेमाल करने के लिए, आपको एक अलग एपीआई पासकोड बनाना होगा. इसे एचटीटीपी रेफ़रर से जुड़ी पाबंदी लगाकर सुरक्षित किया जा सकता है. इसके बारे में ज़्यादा जानने के लिए, एपीआई पासकोड पाना, जोड़ना, और उस पर पाबंदी लगाना लेख पढ़ें.

अगर आपका कोड काम नहीं कर रहा है, तो:

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

• देखें कि टाइप करने में कोई गलती तो नहीं हुई है. याद रखें कि JavaScript एक केस-सेंसिटिव भाषा है.
• बुनियादी बातों की जांच करें - कुछ सबसे आम समस्याएं, शुरुआती मैप बनाने के दौरान होती हैं. जैसे:
  • पुष्टि करें कि आपने मैप के विकल्पों में, zoom और center प्रॉपर्टी की जानकारी दी है.
  • पक्का करें कि आपने एक div एलिमेंट तय किया हो, जिसमें मैप स्क्रीन पर दिखेगा.
  • पक्का करें कि मैप के लिए div एलिमेंट में, सीएसएस की ऊंचाई शून्य न हो. उदाहरण के लिए, height: 400px. डिफ़ॉल्ट रूप से, div एलिमेंट की ऊंचाई 0 होती है. इसलिए, वे नहीं दिखते.
  रेफ़रंस लागू करने के लिए, हमारे उदाहरण देखें.
• समस्याओं की पहचान करने के लिए, JavaScript डीबगर का इस्तेमाल करें. जैसे, Chrome डेवलपर टूल में उपलब्ध डीबगर. सबसे पहले, JavaScript कंसोल में गड़बड़ियां देखें. जैसे, InvalidKeyMapError या ApiNotActivatedMapError. इसके बाद, उन्हें ठीक करने के लिए गड़बड़ी के मैसेज वाली गाइड देखें.
• Stack Overflow पर सवाल पोस्ट करें. अच्छे सवाल पोस्ट करने के बारे में दिशा-निर्देश, सहायता पेज पर उपलब्ध हैं.