Maps JavaScript API, क्लाइंट-साइड वेब एपीआई है. इसकी मदद से, दुनिया में कहीं भी जगहों की जानकारी दिखाने के लिए मैप बनाए जा सकते हैं. साथ ही, अपनी पसंद के मुताबिक ग्राफ़िक, ऐनिमेशन, और इंटरैक्टिव कस्टम डेटा लेयर जोड़ी जा सकती हैं. इसके अलावा, Maps JavaScript API में Places API का इस्तेमाल करके, जगह की जानकारी देने वाली सुविधाएं बनाई जा सकती हैं. Maps JavaScript API की मदद से, ये काम किए जा सकते हैं:
- दुनिया में कहीं भी मौजूद जगहों को दिखाने के लिए, 2D और 3D मैप बनाएं.
- मैप पर जगहों को दिखाने के लिए, पसंद के मुताबिक बनाए जा सकने वाले मार्कर जोड़ें.
- Places लाइब्रेरी का इस्तेमाल करके, 20 करोड़ से ज़्यादा जगहों की जानकारी पाएं.
- मैप की स्टाइल और रंगों को पसंद के मुताबिक बनाएं.
- इंटरैक्टिव कस्टम डेटा लेयर जोड़ें.
- प्रशासनिक सीमाओं को दिखाएं और उन्हें इंटरैक्टिव बनाएं.
- अपने मैप में, पसंद के मुताबिक 2D और 3D ग्राफ़िक और ऐनिमेशन वाला कॉन्टेंट जोड़ें.
अपने इस्तेमाल के उदाहरण के लिए सही एपीआई चुनना
कोड लिखने से पहले, Google Maps Platform का वह प्रॉडक्ट चुनें जो आपके वेब ऐप्लिकेशन की ज़रूरतों के हिसाब से सही हो:
- वेबसाइट पर संपर्क मैप और निर्देश: कस्टम JavaScript लिखे बिना, कारोबार की जगह का मैप या निर्देश का लिंक एम्बेड करने के लिए, Maps Embed API या Maps के यूआरएल का इस्तेमाल करें.
- लाइव लोकेशन और ऐसेट ट्रैकिंग: अपने डेटाबेस या रीयल-टाइम स्ट्रीम (जैसे, Cloud Firestore या WebSockets) से लाइव जीपीएस कोऑर्डिनेट और यात्रा के रास्ते दिखाने के लिए, बेहतर मार्कर (
AdvancedMarkerElementरेफ़रंस) और पॉलीलाइन (Polylineरेफ़रंस) के साथ Maps JavaScript API का इस्तेमाल करें. Fleet Engine को राइड शेयरिंग और शेड्यूल की गई डिलीवरी के लिए रिज़र्व करें. ये ऐसे फ़्लीट होते हैं जो मोबाइल ड्राइवर SDK टूल और बैकएंड OAuth या JSON वेब टोकन (JWT) को इंटिग्रेट करते हैं. - मैप पर जियोफ़ेंस और सेफ़-ज़ोन का दायरा: सर्कुलर या पॉलीगॉन पेरीमीटर बनाने और यह जांचने के लिए कि निर्देशांक उनके अंदर आते हैं या नहीं (जियोफ़ेंस और सेफ़-ज़ोन की सीमाएं देखें), सर्कल (
Circleरेफ़रंस), पॉलीगॉन (Polygonरेफ़रंस), और ज्यामिति लाइब्रेरी (कंटेनमेंट के लिएcontainsLocation()और मीटर में दूरी के लिएcomputeDistanceBetween()) का इस्तेमाल करें.
आगे क्या करना है
- Geometry Library
- विज़ुअलाइज़ेशन लाइब्रेरी
- ओपन सोर्स लाइब्रेरी
- Drawing Library (अब काम नहीं करती)
Maps की सुविधाओं के लिए कोड का उदाहरण देखें