ओपन सोर्स लाइब्रेरी

Maps JavaScript API में अतिरिक्त सुविधाएं देने के लिए, कई ओपन सोर्स लाइब्रेरी उपलब्ध हैं. इन लाइब्रेरी के वर्शन, GitHub पर उपलब्ध हैं और इन्हें npm पर पब्लिश किया गया है.

वेब कॉम्पोनेंट

अपनी वेबसाइटों पर मैप की सुविधा को फटाफट जोड़ने के लिए, Maps JavaScript API के वेब कॉम्पोनेंट इस्तेमाल करें. वेब कॉम्पोनेंट में छोटे-मोटे बदलाव वाले कोड, सबसे सही तरीके, और रिस्पॉन्सिव डिज़ाइन शामिल होते हैं. इससे मैप के जटिल यूज़र इंटरफ़ेस (यूआई) को एक एचटीएमएल एलिमेंट में बदला जा सकता है.

एक्सटेंडेड कॉम्पोनेंट लाइब्रेरी (बीटा वर्शन)

Google Maps Platform Extended Component Library, वेब कॉम्पोनेंट का एक सेट है. इसकी मदद से, डेवलपर कम मेहनत में और तेज़ी से बेहतर मैप बना सकते हैं.

npm i @googlemaps/extended-component-library

एपीआई लोड करना

Maps JavaScript API को लोड करने के लिए, आधुनिक वेब ऐप्लिकेशन इन लाइब्रेरी का इस्तेमाल कर सकते हैं.

JS API लोडर

Promises का इस्तेमाल करके, Maps JavaScript API को डाइनैमिक तरीके से लोड करना.

npm i @googlemaps/js-api-loader

TypeScript का इस्तेमाल करना

TypeScript का इस्तेमाल करने वाले लोग, इन पैकेज का इस्तेमाल कर सकते हैं. ज़्यादा जानकारी के लिए, TypeScript का इस्तेमाल करने से जुड़ी गाइड देखें.

TypeScript टाइप

Maps JavaScript API के लिए TypeScript टाइप

npm i -D @types/google.maps

TypeScript गार्ड

TypeScript गार्ड, ताकि यूनियन टाइप को सीमित किया जा सके.

npm i -D @googlemaps/typescript-guards

React का इस्तेमाल करना

React का इस्तेमाल करने वाले लोग, इन पैकेज का इस्तेमाल करके शुरुआत कर सकते हैं.

React Google Maps लाइब्रेरी

Maps JavaScript API को React ऐप्लिकेशन में इंटिग्रेट करने के लिए कॉम्पोनेंट और हुक.

npm i -D @vis.gl/react-google-maps

React wrapper

Maps JavaScript API को डिक्लेयरटिवली लोड करने के लिए एक रैपर कॉम्पोनेंट.

npm i @googlemaps/react-wrapper

मार्कर और ओवरले को बढ़ाना

यहां दी गई लाइब्रेरी, मार्कर और OverlayView जैसी क्लास को एक्सटेंड करती हैं.

मार्कर क्लस्टर

यह बड़ी संख्या में मार्कर के लिए, ज़ूम करने के हर लेवल के हिसाब से क्लस्टर बनाता है और उन्हें मैनेज करता है.

npm i @googlemaps/markerclusterer

मार्कर मैनेजर

मैप के व्यूपोर्ट में होने वाले बदलावों के आधार पर, मार्कर जोड़ता और हटाता है.

npm i @googlemaps/markermanager

वेब मैपिंग सेवा (डब्ल्यूएमएस)

मैप में ओपन जियोस्पेशल कंसोर्टियम (ओजीसी) लेयर जोड़ना, जैसे कि वेब मैप सर्विस (डब्ल्यूएमएस).

npm i @googlemaps/ogc

मार्कर के लेबल

मार्कर में कस्टम एचटीएमएल लेबल जोड़ना.

npm i @googlemaps/markerwithlabel

Three.js ओवरले

बेहतरीन परफ़ॉर्मेंस वाले विज़ुअलाइज़ेशन के लिए, WebGL और ThreeJS का इस्तेमाल करें.

npm i @googlemaps/three

Deck.gl ओवरले

Deck.gl को कस्टम Google Maps ओवरले के तौर पर इस्तेमाल करें.

npm i @deck.gl/google-maps

जांच और लिंटिंग

इन लाइब्रेरी का इस्तेमाल करके, सबसे सही तरीके अपनाएं और Maps JavaScript API की जांच को आसान बनाएं.

ESLint प्लगिन

अपने कोड को लिंट करने के लिए, कस्टम ESLint नियमों का इस्तेमाल करें.

npm i -D eslint-plugin-googlemaps

Jest mocks

Jest टेस्टिंग लाइब्रेरी के साथ इस्तेमाल करने के लिए मॉक.

npm i -D @googlemaps/jest-mocks

Node.js लाइब्रेरी

ध्यान दें: यहां दी गई लाइब्रेरी ब्राउज़र एनवायरमेंट में काम नहीं करती हैं. इन्हें Node.js और सर्वर एनवायरमेंट के लिए लागू किया गया है.

Node.js क्लाइंट लाइब्रेरी

क्लाउड फ़ंक्शन या सर्वर साइड कोड से कॉल करने के लिए, Node.js क्लाइंट लाइब्रेरी.

npm i @googlemaps/google-maps-services-js

पॉलीलाइन एन्कोडिंग

Node.js में पॉलीलाइन को एन्कोड और डिकोड करना.

npm i @googlemaps/polyline-codec

यूआरएल साइनिंग

ज़्यादा सुरक्षा के लिए, Node.js में यूआरएल पर हस्ताक्षर करना.

npm i @googlemaps/url-signature