एक आसान HTTP अनुरोध के साथ अपने वेब पेज पर एक इंटरैक्टिव मैप या स्ट्रीट व्यू पैनोरामा डालें—किसी JavaScript की ज़रूरत नहीं है.
लागत
Maps एम्बेड एपीआई के सभी अनुरोध मुफ़्त में उपलब्ध हैं और उनका इस्तेमाल मुफ़्त में किया जा सकता है. हालांकि, सभी अनुरोधों के लिए एक मान्य Google Cloud API कुंजी की ज़रूरत होती है. ज़्यादा जानकारी के लिए, इस्तेमाल और बिलिंग देखें.
शुरू करने से पहले
एम्बेड किए गए मैप को अपने वेब पेज पर जोड़ने के लिए, नीचे दिए गए टैब पर क्लिक करके सेट अप के ज़रूरी चरणों को पूरा करें:
पहला चरण
कंसोल
-
Google Cloud Console में, 'प्रोजेक्ट चुनने के पेज' पर, नया प्रोजेक्ट बनाना शुरू करने के लिए, प्रोजेक्ट बनाएं पर क्लिक करें.
-
पक्का करें कि आपके क्लाउड प्रोजेक्ट के लिए बिलिंग चालू हो. पुष्टि करें कि आपके प्रोजेक्ट के लिए बिलिंग चालू है.
Google Cloud, 0.00 डॉलर का शुल्क देकर आज़माने की सुविधा देता है. बिना किसी शुल्क के 90 दिनों या खाते पर 300 डॉलर की लागतें जमा होने के बाद, जो भी पहले आए, खत्म हो जाता है. सदस्यता को किसी भी समय रद्द किया जा सकता है. Google Maps Platform पर हर महीने 200 डॉलर का क्रेडिट मिलता है. ज़्यादा जानकारी के लिए, बिलिंग खाते के क्रेडिट और बिलिंग देखें.
Cloud SDK
gcloud projects create "PROJECT"
Google Cloud SDK टूल , Cloud SDK टूल के इंस्टॉलेशन, और इन निर्देशों के बारे में ज़्यादा जानें:
दूसरा चरण
Google Maps Platform का इस्तेमाल करने के लिए, आपको वे एपीआई या SDK टूल चालू करने होंगे जिनका इस्तेमाल अपने प्रोजेक्ट में करना है.
कंसोल
Cloud SDK
gcloud services enable \ --project "PROJECT" \ "maps-embed-backend.googleapis.com"
Google Cloud SDK टूल , Cloud SDK टूल के इंस्टॉलेशन, और इन निर्देशों के बारे में ज़्यादा जानें:
तीसरा चरण
यह चरण सिर्फ़ एपीआई कुंजी बनाने की प्रक्रिया से गुज़रता है. अगर आप एपीआई कुंजी का इस्तेमाल प्रोडक्शन में करते हैं, तो हमारा सुझाव है कि आप अपनी एपीआई कुंजी पर पाबंदी लगाएं. आपको किसी खास प्रॉडक्ट के बारे में एपीआई कुंजियों का इस्तेमाल करना पेज पर, ज़्यादा जानकारी मिल सकती है.
एपीआई कुंजी एक यूनीक आइडेंटिफ़ायर है, जो इस्तेमाल और बिलिंग के मकसद से आपके प्रोजेक्ट से जुड़े अनुरोधों की पुष्टि करता है. आपके पास अपने प्रोजेक्ट से जुड़ी कम से कम एक एपीआई कुंजी होनी चाहिए.
एपीआई कुंजी बनाने के लिए:
कंसोल
-
Google Maps Platform > क्रेडेंशियल पेज पर जाएं.
-
क्रेडेंशियल पेज पर, क्रेडेंशियल बनाएं > एपीआई कुंजी पर क्लिक करें.
बनाई गई एपीआई कुंजी वाला डायलॉग, आपकी बनाई गई नई एपीआई कुंजी दिखाता है. -
बंद करें पर क्लिक करें.
नई एपीआई कुंजी, एपीआई कुंजियों के तहत क्रेडेंशियल पेज पर दी गई है.
(एपीआई कुंजी को प्रोडक्शन में इस्तेमाल करने से पहले, उस पर पाबंदी लगाना न भूलें.)
Cloud SDK
gcloud alpha services api-keys create \ --project "PROJECT" \ --display-name "DISPLAY_NAME"
Google Cloud SDK टूल , Cloud SDK टूल के इंस्टॉलेशन, और इन निर्देशों के बारे में ज़्यादा जानें:
iframe जनरेट करना
निम्न विकल्पों पर क्लिक करें और अपने वेबपेज के लिए एक iframe जनरेट करने के लिए एक स्थान और API कुंजी जोड़ें. अतिरिक्त पैरामीटर और विकल्पों के लिए, मैप एम्बेड करना देखें.
अपने iframe की जांच करना
अपने iframe को एचटीएमएल ब्राउज़र विंडो में देखने के लिए:
- अपना डिफ़ॉल्ट टेक्स्ट एडिटर खोलें. आपके डिवाइस में टेक्स्ट एडिटर जैसे कि TextEdit या Microsoft Windows Notepad इंस्टॉल होने चाहिए.
- एक एचटीएमएल फ़ाइल बनाएं और इसे
index.html
नाम दें. आपने जो iframe ऊपर जनरेट किया है उसके साथ यह कोड जोड़ें:
<html> <!-- Replace this code comment with your iframe. --> </html>
अपनी
index.html
एचटीएमएल फ़ाइल सेव करें.एचटीएमएल फ़ाइल को वेब ब्राउज़र में, डेस्कटॉप से खींचकर ब्राउज़र में लोड करें. हालांकि, फ़ाइल पर दो बार क्लिक करके, ज़्यादातर ऑपरेटिंग सिस्टम पर काम किया जा सकता है.
बधाई हो! आपने अभी-अभी Maps एम्बेड एपीआई का इस्तेमाल करके, मैप सेट अप किया है और बनाया है.
सफ़ाई सेवा
किसी प्रोजेक्ट में इस्तेमाल किए गए सभी संसाधनों की बिलिंग रोकने के लिए, Google Cloud प्रोजेक्ट मिटाया जा सकता है.
- Google Cloud Console में, संसाधन मैनेज करें पेज पर जाएं:
- अगर आपको जिस प्रोजेक्ट को मिटाना है वह किसी संगठन से जुड़ा है, तो पेज पर सबसे ऊपर मौजूद संगठन की सूची को चुनें और उसे बड़ा करें.
- प्रोजेक्ट सूची में, वह प्रोजेक्ट चुनें जिसे मिटाना है और मिटाएं पर क्लिक करें.
- डायलॉग बॉक्स में, प्रोजेक्ट आईडी लिखें और प्रोजेक्ट को मिटाने के लिए शट डाउन करें पर क्लिक करें.
अगले चरण
अपना Google Cloud प्रोजेक्ट सेट अप करके, Maps एंबेड एपीआई से आगे बढ़ना शुरू करें:
अपने iframe में मौजूद अन्य पैरामीटर और विकल्पों की सूची देखने के लिए:
JavaScript API की मदद से Maps ऐप्लिकेशन को बढ़ाएं: