समस्या का हल

रिमाइंडर: 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

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

• अगर आपके पास अपने ऐप्लिकेशन के सोर्स कोड का ऐक्सेस है, तो Maps JavaScript API को लोड करने के लिए इस्तेमाल किए जाने वाले <script> टैग को ढूंढें. 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. नई एपीआई कुंजी बनाएं. इसके लिए, क्रेडेंशियल पेज पर जाएं. इसके बाद, Create क्रेडेंशियल पर क्लिक करें और फिर API key चुनें.

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

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

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

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

बढ़िया! आइए, यह पक्का करते हैं कि बिलिंग का दिया गया तरीका मान्य है.

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

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

क्या एपीआई पर, हर दिन के लिए अपने-आप लागू होने वाली किसी सीमा को पार किया गया है?

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

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

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

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

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

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

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

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