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

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

लागत

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

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

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

पहला चरण

कंसोल

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

    प्रोजेक्ट सिलेक्टर पेज पर जाएं

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

    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 टूल को चालू करना होगा जिनका इस्तेमाल आपको अपने प्रोजेक्ट में करना है.

कंसोल

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. डायलॉग बॉक्स में, प्रोजेक्ट आईडी टाइप करें और प्रोजेक्ट मिटाने के लिए, शट डाउन करें पर क्लिक करें.

अगले चरण

  • अपना Google Cloud प्रोजेक्ट सेट अप करके, Maps Embed एपीआई के साथ डेवलप करना शुरू करें:

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

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

    मैप जोड़ना

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

    Maps JavaScript एपीआई