Maps JavaScript एपीआई

अपने वेब ऐप्लिकेशन के लिए डाइनैमिक, इंटरैक्टिव, कस्टमाइज़ किए गए मैप, जगह, और जियोस्पेशियल अनुभव तैयार करें.

शुरू करें

Maps JavaScript API की आम तौर पर इस्तेमाल की जाने वाली सुविधाओं के साथ बनाना शुरू करें.
खाता बनाने, एपीआई कुंजी जनरेट करने, और बनाना शुरू करने के लिए, Google Maps Platform के शुरुआती निर्देश का पालन करें.
Maps JavaScript API को लोड करने का तरीका जानें. साथ ही, अपने वेब ऐप्लिकेशन में मार्कर की मदद से कोई मैप जोड़ने का तरीका भी जानें.
Maps JavaScript API का इस्तेमाल करके 3D मैप बनाने का तरीका जानें.
सड़कों, भौगोलिक विशेषताओं, पसंदीदा स्थानों, और बहुत कुछ सहित मैप के हर पहलू को कस्टमाइज़ करें.
जब आपके उपयोगकर्ता किसी मार्कर पर क्लिक करते हैं, तो अतिरिक्त जानकारी और संदर्भ के साथ एक जानकारी विंडो दिखाएं.

सुविधाएं

Maps JavaScript API की मुख्य सुविधाओं के लिए दस्तावेज़ ब्राउज़ करें.
सड़क, उपग्रह, हाइब्रिड, इलाका, और पसंद के मुताबिक मैप दिखाएं.
मैप पर टेक्स्ट को अपने-आप 40 से ज़्यादा भाषाओं में स्थानीय भाषा में उपलब्ध कराएं.
डिफ़ॉल्ट Google Maps मार्कर दिखाएं या अपने हिसाब से पसंद के मुताबिक मार्कर जोड़ें.
मैप पर दिखने वाले यूज़र इंटरफ़ेस (यूआई) कंट्रोल को अपनी पसंद के मुताबिक बनाएं.
उपयोगकर्ता के इंटरैक्शन और लाइफ़साइकल इवेंट पर प्रतिक्रिया देने वाला कोड लिखें.
WebGL की शक्ति के साथ सदिश बुनियादी मैप पर समृद्ध 3D और 2D अनुभव बनाएं.
इंटरैक्टिव जानकारी विंडो की मदद से, अपने मार्कर में ज़्यादा कॉन्टेक्स्ट और जानकारी जोड़ें.
पहले से मौजूद फ़ंक्शन का इस्तेमाल करके, मैप पर कई तरह के आकार बनाएं. इनमें पॉलीलाइन और पॉलीगॉन शामिल हैं.
मैप पर डेटा, इमेज वगैरह दिखाने के लिए कस्टम ओवरले बनाएं.
अपनी पसंद के हिसाब से बनाई गई तस्वीरों को ओवरले करें, ताकि पैन और ज़ूम होने पर भी वे मैप के साथ सिंक रहें.
मैप पर GeoJSON और अन्य डेटा टाइप अलग-अलग फ़ॉर्मैट में दिखाएं.
मैप के करीब हर विज़ुअल पहलू के लुक को पसंद के मुताबिक स्टाइल.
प्रोग्राम के हिसाब से, वेक्टर बेसमैप को तीन डाइमेंशन में झुकाएं और घुमाएं.
उपयोगकर्ताओं को बेहतर अनुभव देने के लिए, बड़ी संख्या में मार्कर का इस्तेमाल करें.
भौगोलिक बिंदुओं पर डेटा की प्रामाणिकता को विज़ुअलाइज़ करें.

लाइब्रेरी

Maps JS एपीआई लोड करते समय, वैकल्पिक लाइब्रेरी को बूटस्ट्रैप करें. इससे, आपको बेहतर सुविधाएं जोड़ने में मदद मिलेगी.
Maps JS एपीआई लोड करने पर, उपलब्ध लाइब्रेरी को बूटस्ट्रैप करने का तरीका जानें.
अपने उपयोगकर्ताओं को मैप पर इंटरैक्टिव तरीके से ड्रॉ करने की सुविधा दें.
ऐसे यूटिलिटी फ़ंक्शन का इस्तेमाल करें जो पृथ्वी की सतह पर ज्यामितीय डेटा की गणना करते हैं.
आस-पास के स्थल खोजें, स्थान अपने आप पूर्ण करें को सक्षम करें और स्थान विवरण और फ़ोटो फिर से पाएं.
फ़ोटो की गैलरी वाले जगह चुनने वाले विकल्प के साथ इंटरैक्टिव मैप जोड़ें.
हीट मैप की मदद से, भौगोलिक जगहों पर डेटा की इंटेंसिटी को विज़ुअलाइज़ करें.

सेवाएं

अपने वेब ऐप्लिकेशन को बेहतर बनाने के लिए, पहले से मौजूद डेटा सेवाएं आज़माएं.

रास्ता बताने वाली सेवा

मैप पर दो पॉइंट के बीच, 25 वेपॉइंट तक निर्देश पाएं.
शुरुआत की जगहों और मंज़िलों के मैट्रिक्स के हिसाब से, यात्रा की दूरी और समय की जानकारी पाएं.

ऊंचाई से जुड़ी सेवा

महासागरीय तल सहित पृथ्वी की सतह पर स्थानों की ऊंचाई को फिर से पाएं.
पते या जगह के आईडी को निर्देशांक में बदलें और जगह आईडी को निर्देशांक में बदलें.
किसी जगह पर उपलब्ध तस्वीरों के ज़्यादा से ज़्यादा ज़ूम लेवल के बारे में क्वेरी करें.
अपने वेब ऐप्लिकेशन पर 360 डिग्री वाली Street View की तस्वीरें जोड़ें या अपनी तस्वीरें अपलोड करें.

उदाहरण के तौर पर ऐप्लिकेशन

अपनी लोकल मशीन और पसंदीदा कोड प्लेग्राउंड पर लाइव कोड सैंपल चलाएं.
आस-पास की जगहें खोजने के लिए 'जगहें' लाइब्रेरी का इस्तेमाल करें.
अपने वेब ऐप्लिकेशन में गहरे रंग वाले मोड वाला मैप जोड़ने के लिए, पसंद के मुताबिक मैप स्टाइल का इस्तेमाल करें.

मार्कर आइकॉन को पसंद के मुताबिक बनाना

अपने मैप पर मार्कर आइकॉन को पसंद के मुताबिक इमेज में बदलें.
मैप पर एक ऐसा रिच ओवरले बनाएं जो उपयोगकर्ता के पैन और ज़ूम करने पर सिंक में रहे.
एक समृद्ध मैप ओवरले में रियलटाइम ट्रैफ़िक दिखाएं.
वेक्टर मैप को तीन डाइमेंशन में अपने हिसाब से झुकाया और घुमाया गया.
उदाहरण वाले और ऐप्लिकेशन

सहायता और मदद

मदद पाएं चुनें. मदद करें. इस समुदाय से जुड़ें.

मदद पाएं चुनें. मदद करें. Maps वर्मा बनाएं.

किसी गड़बड़ी की शिकायत करें या किसी सुविधा के लिए अनुरोध खोलें.

प्लैटफ़ॉर्म के इस्तेमाल और उससे जुड़ी रुकावटों के बारे में जानें.

सहायता

Google Maps Platform की टीम से मदद पाएं.