फिक्स: यह पृष्ठ Google मानचित्र को सही तरीके से लोड नहीं कर सकता है

Google मानचित्र एक वेब-आधारित मानचित्रण सेवा है जो दुनिया में कहीं भी भौगोलिक क्षेत्रों और सड़क मानचित्र प्रदान करती है। हालाँकि, कुछ वेबसाइट मालिकों को त्रुटि मिल रही है ” यह पृष्ठ Google मानचित्र को सही ढंग से लोड नहीं कर सकता है 'Google मानचित्र लोड करने के बजाय। इस त्रुटि को ' इस पृष्ठ ने Google मानचित्र को सही ढंग से लोड नहीं किया है। तकनीकी विवरण के लिए जावास्क्रिप्ट कंसोल देखें '।

ऊप्स! कुछ गलत हुआ - इस पृष्ठ ने Google मानचित्र को सही ढंग से लोड नहीं किया

ध्यान दें: यह समाधान वेबसाइट मालिकों की ओर लक्षित है न कि पारंपरिक उपयोगकर्ता के लिए।

Google मानचित्र सही तरीके से लोड नहीं करने के क्या कारण हैं?

गूगल नक्शा प्लगइन्स बिना किसी त्रुटि के महान काम करेंगे, लेकिन पिछले कुछ वर्षों से चीजें बदल गई हैं जब Google ने एम्बेडेड मानचित्र वाली वेबसाइटों के लिए अपने नियमों को बदल दिया है। वेबसाइट के मालिक केवल एम्बेडेड कोड का उपयोग करके इस काम को करने में सक्षम थे, लेकिन अब उन्हें ठीक से काम करने के लिए Google मानचित्र के लिए एपीआई कुंजी की आवश्यकता होती है। यदि आपके पास पहले से API कुंजी जोड़ी गई है, तो आप Chrome में Element निरीक्षण तत्व -> कंसोल ’टैब देख सकते हैं ताकि Google आपकी साइट पर मानचित्रों की अनुमति न दे पाने का सटीक कारण देख सके। यह एक गलत कुंजी, कुंजी प्रतिबंधित होने आदि के कारण हो सकता है।

अपनी साइट सेटिंग्स में Google API कुंजी जोड़ें

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

यदि आपने मैन्युअल रूप से नक्शे के लिए स्क्रिप्ट सम्मिलित की है, तो यह आपकी API कुंजी के साथ आपकी_अपनी_की जगह पर होना चाहिए।

  async आस्थगित करें src='https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEYऔर कॉलबैक = initMap 'प्रकार='पाठ / जावास्क्रिप्ट'>

चूंकि वर्डप्रेस सबसे लोकप्रिय सीएमएस है, 172 मिलियन से अधिक वेबसाइटें इसका उपयोग कर रही हैं; हम केवल वर्डप्रेस के लिए चरणों का प्रदर्शन करेंगे।

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

   वर्डप्रेस में Google एपीआई प्लगइन्स

2. एपीआई की के लिए सेटिंग्स को अपने पास खुला रखें वर्डप्रेस साइट ।
3. के लिए जाओ Google के क्लाउड संसाधन प्रबंधक
4. यदि पहले से लॉग इन नहीं है तो Google में साइन इन करें
5. 'पर क्लिक करें प्रोजेक्ट बनाएं ', परियोजना का नाम और क्लिक करें' सृजन करना '

   प्रोजेक्ट बनाना

6. के लिए जाओ Google की सक्षम करने वाली API वेब पृष्ठ।
7. 'पर क्लिक करें एक परियोजना का चयन करें “शीर्ष पर, फिर उस नई परियोजना का चयन करें जिसे आपने अभी बनाया है और जारी रखें
8. दबाएँ ' API और सेवाएँ सक्षम करें '
9. निम्न को खोजें ' मैप्स जावास्क्रिप्ट एपीआई ”और इसे खोलें
10. फिर 'दबाएं' सक्षम बटन

    परियोजना के लिए एपीआई को सक्षम करना

11. नेविगेशन मेनू पर क्लिक करें, 'चुनें' एपीआई और सेवाएँ ' और जाएं ' साख '
12. क्रिएट क्रेडेंशियल्स ड्रॉप डाउन पर क्लिक करें और चुनें एपीआई कुंजी '
    ध्यान दें : यदि आप चाहें तो अनधिकृत उपयोग को रोकने के लिए आप इसे प्रतिबंधित कुंजी बना सकते हैं
13. 'पर क्लिक करें बंद करे “फिर बने की पर क्लिक करें
14. चुनते हैं ' HTTP रेफ़रर्स 'आवेदन प्रतिबंधों में
15. अपना वेबसाइट URL जोड़ें और क्लिक करें सहेजें '
16. अब कुंजी कॉपी करें, और वर्डप्रेस साइट पर वापस जाएं

    साइट के लिए एपीआई कुंजी बनाना

17. बाएं पैनल के नीचे स्क्रॉल करें और ' समायोजन '
18. आपको इसके लिए एक विकल्प मिलेगा Google API कुंजी “, उसको खोलें और वहां की का पेस्ट करें।
19. सेटिंग्स सहेजें, अपने पृष्ठ पर जाएं और इसे ताज़ा करें।

ध्यान दें: सुनिश्चित करें कि आपका बिलिंग सक्षम हो गया है क्योंकि Google केवल 300 $ क्रेडिट या 12 महीने के मुफ्त उपयोग की अनुमति देता है (जो भी तेजी से घटता है)। उसके बाद, बिलिंग को सेटअप और कार्यान्वित किया जाना चाहिए।