एक आसान एचटीटीपी अनुरोध की मदद से, अपने वेब पेज पर इंटरैक्टिव मैप या Street View पैनोरामा डालें—किसी JavaScript की ज़रूरत नहीं है.
लागत
Maps पर एम्बेड किए गए एपीआई के सभी अनुरोध बिना किसी शुल्क के उपलब्ध हैं. हालांकि, सभी अनुरोधों के लिए एक मान्य Google Cloud API कुंजी की ज़रूरत होती है. ज़्यादा जानकारी के लिए, इस्तेमाल और बिलिंग देखें.
शुरू करने से पहले
अपने वेब पेज पर एम्बेड किया गया मैप बनाने के लिए, नीचे दिए गए टैब पर क्लिक करके सेट अप के ज़रूरी चरणों को पूरा करें:
पहला चरण
कंसोल
-
Google Cloud Console में, प्रोजेक्ट चुनने वाले पेज पर, प्रोजेक्ट बनाएं पर क्लिक करके, नया क्लाउड प्रोजेक्ट बनाना शुरू करें.
-
पक्का करें कि आपके Google Cloud प्रोजेक्ट के लिए बिलिंग की सुविधा चालू हो. पक्का करें कि आपके प्रोजेक्ट के लिए बिलिंग चालू है.
Google Cloud, 0 डॉलर मुफ़्त में आज़माने की सुविधा देता है. मुफ़्त में आज़माने की अवधि 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 जनरेट करने के लिए, जगह की जानकारी और एपीआई कुंजी जोड़ें. अतिरिक्त पैरामीटर और विकल्पों के लिए, मैप एम्बेड करना देखें.
अपने 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 प्रोजेक्ट को बड़ा करें: