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

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

लागत

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

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

अपने वेब पेज पर एम्बेडेड मानचित्र बनाने के लिए, निम्नलिखित टैब पर क्लिक करके आवश्यक सेटअप चरण पूरे करें:

चरण 1

कंसोल

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

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

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

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

Cloud SDK

gcloud projects create "PROJECT"

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

दूसरा चरण

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

कंसोल

मैप्स एम्बेड 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 services api-keys create \
    --project "PROJECT" \
    --display-name "DISPLAY_NAME"

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

आईफ़्रेम जनरेट करना

यहां दिए गए विकल्पों पर क्लिक करें. इसके बाद, अपने वेबपेज के लिए 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