Maps Embed API क्विकस्टार्ट

अपने वेब पेज पर, किसी इंटरैक्टिव मैप या Street View पैनोरमा को एक आसान एचटीटीपी अनुरोध की मदद से डालें. इसके लिए, JavaScript की ज़रूरत नहीं है.

लागत

Maps Embed API के सभी अनुरोध, बिना किसी शुल्क के उपलब्ध हैं. साथ ही, इनका इस्तेमाल अनलिमिटेड किया जा सकता है. हालांकि, सभी अनुरोधों के लिए अब भी Google Cloud की मान्य एपीआई पासकोड की ज़रूरत होगी. ज़्यादा जानकारी के लिए, इस्तेमाल और बिलिंग देखें.

शुरू करने से पहले

अपने वेब पेज पर एम्बेड किया गया मैप बनाने के लिए, यहां दिए गए टैब पर क्लिक करके सेटअप करने के ज़रूरी चरणों को पूरा करें:

चरण 1

कंसोल

  1. नया Cloud प्रोजेक्ट बनाने के लिए, Google Cloud Console में प्रोजेक्ट चुनने वाले पेज पर, प्रोजेक्ट बनाएं पर क्लिक करें.

    प्रोजेक्ट चुनने वाले पेज पर जाएं

  2. पक्का करें कि आपके Cloud प्रोजेक्ट के लिए बिलिंग की सुविधा चालू हो. पुष्टि करें कि आपके प्रोजेक्ट के लिए बिलिंग की सुविधा चालू है.

    Google Cloud, बिना किसी शुल्क के आज़माने की सुविधा देता है. मुफ़्त में आज़माने की अवधि 90 दिन या 300 डॉलर के शुल्क के बाद खत्म हो जाएगी. इनमें से जो भी पहले होगा. इसे कभी भी रद्द किया जा सकता है. Google Maps Platform पर हर महीने 200 डॉलर का क्रेडिट मिलता है. ज़्यादा के लिए जानकारी, देखें बिलिंग खाता क्रेडिट और बिलिंग.

Cloud SDK

gcloud projects create "PROJECT"

यहां दी गई, Google Cloud SDK टूल , Cloud SDK टूल इंस्टॉल करना , और ये निर्देश दिए जा सकते हैं:

दूसरा चरण

Google Maps Platform का इस्तेमाल करने के लिए, आपको उन एपीआई या SDK टूल को चालू करना होगा जिनका इस्तेमाल आपको अपने प्रोजेक्ट के साथ करना है.

कंसोल

Maps Embed API को चालू करना

Cloud SDK

gcloud services enable \
    --project "PROJECT" \
    "maps-embed-backend.googleapis.com"

Google Cloud SDK , Cloud SDK टूल इंस्टॉल करने , और इन निर्देशों के बारे में ज़्यादा पढ़ें:

तीसरा चरण

इस चरण में सिर्फ़ एपीआई पासकोड बनाने की प्रोसेस शामिल होती है. अगर प्रोडक्शन में एपीआई पासकोड का इस्तेमाल किया जाता है, तो हमारा सुझाव है कि आप एपीआई पासकोड पर पाबंदी लगाएं. ज़्यादा जानकारी के लिए, प्रॉडक्ट के हिसाब से एपीआई पासकोड का इस्तेमाल पेज पर जाएं.

एपीआई पासकोड एक यूनीक आइडेंटिफ़ायर होता है. इसका इस्तेमाल, आपके प्रोजेक्ट से जुड़े अनुरोधों की पुष्टि करने के लिए किया जाता है. ऐसा, इस्तेमाल और बिलिंग के मकसद से किया जाता है. आपके पास अपने प्रोजेक्ट के साथ कम से कम एक एपीआई पासकोड होना ज़रूरी है.

एपीआई पासकोड बनाने के लिए:

कंसोल

  1. Google Maps Platform > क्रेडेंशियल पेज पर जाएं.

    क्रेडेंशियल पेज पर जाएं

  2. क्रेडेंशियल पेज पर, क्रेडेंशियल बनाएं > एपीआई पासकोड पर क्लिक करें.
    एपीआई पासकोड बनाया गया डायलॉग, आपकी नई बनाई गई एपीआई पासकोड दिखाता है.
  3. बंद करें पर क्लिक करें.
    नई एपीआई कुंजी, क्रेडेंशियल पेज पर एपीआई पासकोड में मौजूद है.
    एपीआई पर पाबंदी लगाना न भूलें कुंजी का इस्तेमाल करें.)

Cloud SDK

gcloud alpha services api-keys create \
    --project "PROJECT" \
    --display-name "DISPLAY_NAME"

Google Cloud SDK, Cloud SDK टूल इंस्टॉल करने, और इन निर्देशों के बारे में ज़्यादा जानें:

iframe जनरेट करना

इन विकल्पों पर क्लिक करें. इसके बाद, जनरेट करने के लिए जगह की जानकारी और एपीआई पासकोड जोड़ें आपके वेबपेज के लिए iframe. अन्य पैरामीटर और विकल्पों के लिए, मैप को एम्बेड करना देखें.

अपने iframe की जांच करना

एचटीएमएल ब्राउज़र विंडो में अपना iframe देखने के लिए:

  1. अपना डिफ़ॉल्ट टेक्स्ट एडिटर खोलें. आपके पास टेक्स्ट एडिटर होने चाहिए, जैसे कि TextEdit या Microsoft Windows Notepad आपके डिवाइस पर डिफ़ॉल्ट रूप से इंस्टॉल होता है.
  2. एक एचटीएमएल फ़ाइल बनाएं और इसे index.html नाम दें.

  3. ऊपर जनरेट किए गए iframe के साथ, नीचे दिया गया कोड जोड़ें:

    <html>
  <!-- Replace this code comment with your iframe. -->
</html>

  4. अपनी index.html एचटीएमएल फ़ाइल सेव करें.

  5. एचटीएमएल फ़ाइल को अपने डेस्कटॉप से ब्राउज़र पर खींचकर, वेब ब्राउज़र में लोड करें. इसके अलावा, ज़्यादातर ऑपरेटिंग सिस्टम पर, फ़ाइल पर दो बार क्लिक करके भी इसे लोड किया जा सकता है.

बधाई हो! आपने अभी-अभी Maps Embed API.

स्टोरेज खाली करना

आपके पास अपने Google Cloud प्रोजेक्ट को मिटाने का विकल्प होता है. इससे, इस्तेमाल किए जाने वाले सभी संसाधनों के लिए बिलिंग की सुविधा बंद हो जाएगी उस प्रोजेक्ट में शामिल कर सकते हैं.

  1. Google Cloud Console में, संसाधन मैनेज करें पेज पर जाएं:

    'संसाधन मैनेज करें' पेज पर जाएं

  2. अगर आपको जिस प्रोजेक्ट को मिटाना है वह अगर किसी संगठन से जुड़ा है, तो संगठन सूची पर क्लिक करें.
  3. प्रोजेक्ट की सूची में, वह प्रोजेक्ट चुनें जिसे मिटाना है और मिटाएं पर क्लिक करें.
  4. डायलॉग में, प्रोजेक्ट आईडी टाइप करें. इसके बाद, प्रोजेक्ट मिटाने के लिए बंद करें पर क्लिक करें.

अगले चरण

  • Maps Embed API का इस्तेमाल करके डेवलपमेंट शुरू करने के लिए, अपना Google Cloud प्रोजेक्ट सेट अप करें:

    Cloud Console में सेट अप करना

  • अतिरिक्त पैरामीटर और विकल्पों की सूची के लिए, अपने iframe में ये विकल्प जोड़े जा सकते हैं:

    मैप जोड़ना

  • JavaScript API की मदद से अपने Maps प्रोजेक्ट को आगे बढ़ाएं:

    Maps JavaScript API