Google Maps Javascript API Displaying Google Maps on Website for Beginners Full Tutorial
Dec 10, 2025
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
हेलो फ्रेंड्स, टुडे इन दिस ट्यूटोरियल आई
0:02
विल बी टॉकिंग अबाउट द Google मैप
0:04
jवास्क्रिप्ट एपीआई। सो दिस इज अ
0:06
प्लेलिस्ट ऑफ ट्यूटोरियल्स इन वि आई विल
0:08
बी डिस्कसिंग अबाउट दिस Google map
0:10
जावास्क्रिप्ट एपीआई हाउ टू डिस्प्ले
0:12
Google Maps यूजिंग दिस एपीआई। सो जस्ट गो
0:15
टु Google एंड टाइप हियर Google Maps
0:17
JavaScript एपीआई एंड द फर्स्ट रिजल्ट
0:19
व्हिच कम्स इन क्लिक दिस रिजल्ट यू विल बी
0:23
रीडायरेक्टेड टू द Google डेवलपर साइट
0:25
हियर एंड दिस इज़ द Google Maps JavaScript
0:29
एपीआई एंड दिस इज़ द मोस्ट सिंपलेस्ट ऑफ़
0:31
एग्जांपल व्हिच इज़ गिवन टू यू ऑन हाउ टू
0:34
शो ए बेसिक Google Map ऑन द वेबसाइट। सो
0:38
आई विल बी यूज़िंग दिस एग्जांपल। सो जस्ट
0:40
क्लिक ऑन दिस कॉपी टू क्लिपबोर्ड सेक्शन
0:43
एंड कॉपी द कोड। एंड नाउ यू जस्ट नीड टू
0:46
मेक अ सिंपल फाइल इंडेक्स.html इंसाइड योर
0:49
विजुअल स्टूडियो कोड टेक्स्ट राइटर एंड यू
0:51
नीड टू कॉपी पेस्ट द कोड। सो आई विल
0:53
एक्सप्लेन ईच लाइन ऑफ़ कोड इन डिटेल। सो द
0:57
वेरी फर्स्ट थिंग दैट वी आर डूइंग हियर इज़
0:59
दैट इनसाइड दिस स्क्रिप्ट टैग वी आर
1:01
लोडिंग दिस रिमोट स्क्रिप्ट ऑफ Google
1:04
maps एपीआई सो यू कैन सी दैट https maps
1:08
aps.com
1:09
maps api
1:12
क्वेश्चन मार्क की इज़ इक्वल टू इट। सो
1:14
हियर यू नीड टू प्रोवाइड योर एपीआई की। सो
1:17
फॉर क्रिएटिंग द एपीआई की इट इज़ प्रीटी
1:19
प्रीटी सिंपल। यू नीड टू गो टू Google
1:21
डेवलपर कंसोल। सो फॉर यूजिंग एनी Google
1:25
एपीआई यू नीड टू क्रिएट सम सॉर्ट ऑफ एपीआई
1:27
की और क्लाइंट आईडी। सो इन दिस केस यू नीड
1:30
एपीआई की। सो गो टू Google डेवलपर कंसोल।
1:34
सो दिस इज़ एड्रेस कंसोल डेवलपर्स.com.
1:37
सो हियर यू नीड टू क्रिएट अ न्यू
1:39
प्रोजेक्ट। आई हैव ऑलरेडी क्रिएटेड वन।
1:42
फर्स्ट ऑफ़ ऑल यू नीड टू क्लिक ऑन दिस
1:43
ऑप्शन व्हिच इज़ इनेबल एपीआईज़ एंड
1:46
सर्विसेस। सो हियर यू नीड टू इनेबल द
1:48
Google Maps JavaScript एपीआई। सो दिस इज़
1:51
द एपीआई। यू कैन सी दैट मैप्स
1:53
जावास्क्रिप्ट एपीआई आई हैव ऑलरेडी
1:55
इनेबल्ड इट। सो क्लिक ऑन द इनेबल ऑप्शन इट
1:58
विल कम हियर। यू कैन सी दैट एपीआई इज़
2:00
ऑलरेडी इनेबल्ड। सो फर्स्ट ऑफ़ ऑल इनेबल द
2:03
एपीआई एंड सेकंडली यू नीड टू क्रिएट योर
2:07
एपीआई की। सो द एपीआई की इज़ फ्री। यू नीड
2:11
टू द क्लिक दिस क्रेडेंशियल ऑप्शन। एंड
2:14
देन आफ्टर क्लिकिंग दिस ऑप्शन यू विल बी
2:16
गेटिंग द टू द स्क्रीन हियर। सो हियर यू
2:20
नीड टू क्लिक ऑन दिस प्लस आइकॉन क्रिएट
2:22
क्रेडेंशियल्स एंड देन सेलेक्ट एपीआई की
2:25
हियर। सो नाउ इट विल क्रिएट योर एपीआई की
2:28
इंस्टेंटली यू कैन सी दैट दिस इज़ योर
2:30
एपीआई की जस्ट क्लिक ऑन द कॉपी ऑप्शन
2:34
दैट्स इट। एंड नाउ यू नीड टू स्टोर इट।
2:37
एंड हियर यू नीड टू पेस्ट योर एपीआई की।
2:40
जस्ट आफ्टर की इज़ इक्वल टू दैट्स इट।
2:45
की इक्वल टू
2:50
यू टू पेस्ट द एपीआई की लाइक दिस। दैट्स
2:53
इट। नाउ इफ यू रिफ्रेश द एप्लीकेशन अह आई
2:57
थिंक वी आर लिसनिंग ऑन पोर्ट
3:01
5500। सो नाउ इफ आई ओपन द एप्लीकेशन यू
3:05
विल सी दैट यू विल बी
3:08
डिस्प्लेइंग योर वेरी फर्स्ट Google map
3:11
ऑन द स्क्रीन। सो दिस विल लोकल होस्ट 5500
3:17
सो नाउ यू विल सी दैट गाइस
3:21
दिस इज योर ओन Google map
3:27
अ लेट मी जस्ट राइट क्लिक इट व्हाई
3:31
सो यू नीड टू आल्सो इनेबल द बिलिंग एज़
3:34
वेल। सो दैट इज़ व्हाई इट इज़ नॉट शोइंग यू
3:36
कैन सी द फुल मैप हियर। यू कैन आल्सो ज़ूम
3:40
इन
3:41
ज़ूम आउट एज़ वेल। सो दिस इज़ ऑस्ट्रेलिया
3:44
हियर यू कैन सी दैट। दिस इज अ फुल मैप।
3:54
सो इफ यू जस्ट राइट क्लिक हियर।
3:58
सो इन दिस वे यू कैन जस्ट
4:02
डिस्प्ले द Google map। लेट मी आल्सो
4:04
क्रिएट अ न्यू एपीआई की
4:08
कॉपी इट। समटाइम्स इट कैन हैपन। यू नीड टू
4:12
इनेबल द बिलिंग ऑन द Google मैप अकाउंट।
4:17
दैट इज व्हाई इट इज शोइंग दिस मैसेज टू
4:20
यू।
4:22
इफ यू चेंज दिस
4:28
नाउ इफ आई रिफ्रेश इट।
4:34
सो बेसिकली दिस एरर इज़ सिंपली टेलिंग टू
4:38
यू दैट यू नीड टू इनेबल द बिलिंग ऑन द
4:40
अकाउंट। सो बेसिकली एज़ यू नो दिस एपीआई इज़
4:44
नॉट फ्री यू नीड टू फर्स्ट ऑफ ऑल गो टू द
4:46
प्राइसिंग सेक्शन एंड यू नीड टू इनेबल द
4:48
बिलिंग अकाउंट फॉर दैट।
4:52
सो जस्ट एंटर योर क्रेडिट कार्ड डिटेल्स
4:54
एंड यू नीड टू फर्स्ट ऑफ़ ऑल इनेबल द
4:56
बिलिंग एंड देन यू कैन यूज़ दिस एपीआई। सो
4:58
इन दिस इज़ वे यू कैन जस्ट डिस्प्ले द
5:01
Google Maps ऑन टू योर वेबसाइट। सो दिस
5:04
टेक्स सम ऑप्शंस दैट आई नीड टू एक्सप्लेन
5:06
टू यू। दिस इज़ द लैटीट्यूड एंड दिस इज़ द
5:08
लोंगिट्यूड।
5:09
सो यू कैन गो टू द Google एंड टाइप हियर
5:13
लेट्स सपोज आई लिव इन इंडिया। सो इंडिया
5:15
लैपट लोंगिट्यूड। सो इट विल गिव यू दिस
5:20
लैटीट्यूड एंड लोंगिट्यूड ऑफ़ इंडिया। सो
5:24
यू कैन जस्ट नीड टू कॉपी पेस्ट इट। सो
5:32
दिस इज लैटीट्यूड एंड दिस इज़
5:38
लोंगिट्यूड।
5:42
सो एव्री सिटी हैज़ इट्स ओन एटीट्यूड एंड
5:45
लोंगिट्यूड। वी नीड टू जस्ट सर्च ऑन
5:47
Google एंड नाउ इफ आई रिफ्रेश इट।
6:03
दिस वाज़ द यू कैन सी दैट गाइस
6:07
एक्सपायर्ड
6:09
इफ आई ओपन दिस ऑन न्यू टैब हियर
6:16
इफ आई सर्च फॉर दिस एरर व्हिच इज़ एक्सपायट
6:22
या दिस इज़ एरर द एपीआई की इंक्लूडेड टू द
6:25
स्क्रिप्ट एलिमेंट दैट लोड्स द एपीआईआर
6:26
एक्सपायर्ड ऑ नॉट बॉय द सिस्टम।
6:33
सो इफ यू जनरेट अ वेरी न्यू एपीआई की यू
6:37
नीड टू गिव सम टाइम टू इट इन ऑर्डर टू लोड
6:40
इट।
6:48
दिस कैन हैपन
6:52
आई अगेन क्रिएट अ न्यू वन
6:56
शो टू यू कॉपी दिस
7:18
इफ आई जस्ट
7:21
डू दिस यू विल सी दैट इट विल बी हैविंग
7:28
सो दिस इज़ इंडिया हियर। सो, इट इज़
7:30
पॉइंटिंग टुवर्ड्स इंडिया। यू कैन सी दैट
7:32
दिस इज़ अ मार्कर दैट वी हैव प्लेस्ड हियर।
7:36
सो यू कैन जस्ट चेंज द लैटीट्यूड एंड
7:38
लोंगिट्यूड
7:41
बाय कॉन्फ़िगरिंग दी ऑप्शंस व्हिच इज़ लैट
7:44
एंड लॉन्ग। सो यू कैन आल्सो चेंज द ज़ूम
7:47
लेवल एज़ वेल। आई थिंक 14 इज़ द मैक्सिमम।
7:50
सो इफ यू जस्ट चेंज इट टू 14 यू विल बी
7:54
ज़ूमिंग इन द मैप। सो इन दिस वे गाइस यू
7:56
कैन जस्ट वर्क वि द Google maps
7:58
jवास्क्रिप्ट एपीआई। सो थैंक्स मच फॉर
8:01
वाचिंग दिस वीडियो।
