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 का इस्तेमाल करने के लिए, आपको उन एपीआई या एसडीके को चालू करना होगा जिनका इस्तेमाल आपको अपने प्रोजेक्ट के साथ करना है.

कंसोल

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 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