ट्यूटोरियल
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
इस सेक्शन में, Maps JavaScript API का इस्तेमाल शुरू करने के लिए कई ट्यूटोरियल दिए गए हैं.
सिर्फ़ एचटीएमएल का इस्तेमाल करके, किसी वेब पेज पर मार्कर वाला मैप जोड़ें.
प्रोग्राम के हिसाब से, वेब पेज पर मार्कर वाला मैप जोड़ें.
Maps JavaScript API के साथ-साथ, अपने ब्राउज़र की HTML5 जियोलोकेशन सुविधा का इस्तेमाल करके, Google मैप पर किसी डिवाइस की भौगोलिक जगह की जानकारी पाएं.
मैप पर ज़्यादा मार्कर दिखाने के लिए, मार्कर क्लस्टरिंग का इस्तेमाल करें.
कस्टम ग्राफ़िक आइकॉन का इस्तेमाल करके मार्कर बनाएं.
अपने मैप में पसंद के मुताबिक लेजेंड जोड़ें.
जब तक कुछ अलग से न बताया जाए, तब तक इस पेज की सामग्री को Creative Commons Attribution 4.0 License के तहत और कोड के नमूनों को Apache 2.0 License के तहत लाइसेंस मिला है. ज़्यादा जानकारी के लिए, Google Developers साइट नीतियां देखें. Oracle और/या इससे जुड़ी हुई कंपनियों का, Java एक रजिस्टर किया हुआ ट्रेडमार्क है.
आखिरी बार 2025-08-27 (UTC) को अपडेट किया गया.
[null,null,["आखिरी बार 2025-08-27 (UTC) को अपडेट किया गया."],[[["\u003cp\u003eThis section provides tutorials on basic Google Maps JavaScript API implementations, such as adding maps and markers using HTML or JavaScript.\u003c/p\u003e\n"],["\u003cp\u003eLearn to display a user's location, manage a large number of markers through clustering, and personalize the map with custom markers and legends.\u003c/p\u003e\n"],["\u003cp\u003eExplore advanced features like creating interactive heatmaps using Firebase for real-time collaborative mapping experiences.\u003c/p\u003e\n"]]],[],null,["# Tutorials\n\nThis section features several tutorials to get you up and running with\nMaps JavaScript API.\n\n### [Add a Google map with a marker using HTML](/maps/documentation/javascript/add-google-map-wc-tut)\n\nAdd a map with a marker to a web page using only HTML.\n\n### [Add a Google Map with a marker using JavaScript](/maps/documentation/javascript/adding-a-google-map)\n\nAdd a map with a marker to a web page programmatically.\n\n### [Show current location](/maps/documentation/javascript/geolocation)\n\nGet the geographic location of a device on a Google map, using your\nbrowser's HTML5 Geolocation feature along with Maps JavaScript API.\n\n### [Cluster markers](/maps/documentation/javascript/marker-clustering)\n\nUse marker clustering to display a large number of markers on a map.\n\n### [Custom markers](/maps/documentation/javascript/custom-markers)\n\nCreate markers using custom graphic icons.\n\n### [Custom legends](/maps/documentation/javascript/adding-a-legend)\n\nAdd a custom legend to your maps."]]
