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