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

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

लागत

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

वेब कंटेनर इंस्टॉल करने से पहले

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

पहला चरण

कंसोल

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

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

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

अगले चरण

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

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

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

    मैप जोड़ना

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

    Maps JavaScript API