Google मानचित्र एक वेब-आधारित मानचित्रण सेवा है जो दुनिया में कहीं भी भौगोलिक क्षेत्र और रोड मैप प्रदान करती है। हालांकि, कुछ वेबसाइट स्वामियों को त्रुटि मिल रही है “यह पृष्ठ Google मानचित्रों को सही ढंग से लोड नहीं कर सकता "Google मानचित्र लोड करने के बजाय। यह त्रुटि "इस पृष्ठ ने Google मानचित्र को सही ढंग से लोड नहीं किया है" के रूप में भी दिखाया जा सकता है। तकनीकी विवरण के लिए जावास्क्रिप्ट कंसोल देखें .
नोट: यह समाधान वेबसाइट स्वामियों के लिए लक्षित है न कि पारंपरिक उपयोगकर्ता के लिए।
क्या कारण है कि Google मानचित्र ठीक से लोड नहीं होता?
Google मानचित्र प्लगइन्स बिना किसी त्रुटि के बहुत अच्छा काम करेंगे, लेकिन पिछले कुछ वर्षों में चीजें बदल गई हैं जब Google ने एम्बेडेड मानचित्र वाली वेबसाइटों के लिए अपने नियमों को बदल दिया है। वेबसाइट के मालिक पहले सिर्फ एम्बेडेड कोड का उपयोग करके यह काम करने में सक्षम थे, लेकिन अब उन्हें ठीक से काम करने के लिए Google मानचित्र के लिए एपीआई कुंजी की आवश्यकता है। यदि आपके पास पहले से एपीआई कुंजी जोड़ी गई है तो आप क्रोम में 'इंस्पेक्ट एलीमेंट -> कंसोल' टैब देख सकते हैं कि Google आपकी साइट पर मैप्स की अनुमति क्यों नहीं दे रहा है। यह गलत कुंजी, कुंजी के प्रतिबंधित होने आदि के कारण हो सकता है।
अपनी साइट सेटिंग में Google API कुंजी जोड़ें
Google मानचित्र को आपके प्रोजेक्ट या वेबसाइट के लिए काम करने के लिए, आपको Google API कुंजी बनाने और इसे अपनी साइट की सेटिंग में जोड़ने की आवश्यकता है। कुंजी बनाने और अन्य त्रुटियों का निवारण करने के लिए आपको Google Developers में साइन इन करना होगा।
यदि आपने मानचित्रों के लिए स्क्रिप्ट को मैन्युअल रूप से सम्मिलित किया है, तो यह आपकी API कुंजी के साथ Your_API_KEY के स्थान पर निम्नानुसार होनी चाहिए
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" type="text/javascript"></script>
चूंकि वर्डप्रेस सबसे लोकप्रिय सीएमएस है, इसका उपयोग करने वाली 172 मिलियन से अधिक वेबसाइटें हैं; हम केवल वर्डप्रेस के लिए चरणों का प्रदर्शन करेंगे।
- प्लगइन सेटिंग्स पर जाएं, जो भी आप Google मानचित्र के लिए उपयोग कर रहे हैं और इसमें एपीआई कुंजी जोड़ने का विकल्प होना चाहिए। यदि यह नहीं है तो आप शायद प्लगइन के पुराने संस्करण या पुराने प्लगइन का उपयोग कर रहे हैं।
- अपनी WordPress साइट पर API Key के लिए सेटिंग्स को खुला रखें।
- Google के क्लाउड संसाधन प्रबंधक पर जाएं
- अगर पहले से लॉग इन नहीं है तो Google में साइन इन करें
- “प्रोजेक्ट बनाएं . क्लिक करें) ”, प्रोजेक्ट को नाम दें और “बनाएं . पर क्लिक करें "
- Google के सक्षम करने वाले API वेबपेज पर जाएं।
- “एक प्रोजेक्ट चुनें . क्लिक करें " सबसे ऊपर, फिर नया प्रोजेक्ट चुनें जिसे आपने अभी बनाया है और जारी रखें
- दबाएं “एपीआई और सेवाएं सक्षम करें "
- खोजें “मानचित्र JavaScript API ” और इसे खोलें
- फिर “सक्षम करें . दबाएं " बटन
- नेविगेशन मेनू पर क्लिक करें, "एपीआई और सेवाएं . चुनें ” और “क्रेडेंशियल्स . पर जाएं "
- क्रेडेंशियल बनाएं ड्रॉप डाउन पर क्लिक करें, और “API Key . चुनें) ”
नोट :यदि आप चाहें तो अनधिकृत उपयोग को रोकने के लिए आप इसे प्रतिबंधित कुंजी बना सकते हैं - क्लिक करें"बंद करें ” फिर बनाई गई कुंजी पर क्लिक करें
- चुनें “HTTP रेफ़रलकर्ता "आवेदन प्रतिबंधों में
- अपना वेबसाइट URL जोड़ें और “सहेजें . पर क्लिक करें "
- अब कुंजी को कॉपी करें, और वर्डप्रेस साइट पर वापस जाएं
- बाएं पैनल के नीचे स्क्रॉल करें और "सेटिंग . पर जाएं "
- आपको “Google API KEY . के लिए एक विकल्प मिलेगा ”, उसे खोलें और वहां कुंजी चिपकाएं.
- सेटिंग सहेजें, अपने पृष्ठ पर जाएं और उसे रीफ़्रेश करें।
नोट: सुनिश्चित करें कि आपकी बिलिंग सक्षम की गई है क्योंकि Google केवल 300$ मूल्य के क्रेडिट या 12 महीने के निःशुल्क उपयोग की अनुमति देता है (जो भी तेज़ी से कम हो)। उसके बाद, बिलिंग को सेटअप और कार्यान्वित करने की आवश्यकता है।