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

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

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

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

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

npm i @googlemaps/extended-component-library
@googlemaps/extended-component-library के लिए NPM वर्शन @googlemaps/extended-component-library के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

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

Maps JavaScript API को प्रॉमिस के साथ डाइनैमिक तौर पर लोड करना.

npm i @googlemaps/js-api-loader
@googlemaps/js-api-loader के लिए NPM वर्शन @googlemaps/js-api-loader के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

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

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

npm i -D @types/google.maps
@types/google.maps के लिए NPM वर्शन @types/google.maps के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

यूनियन टाइप को कम करने के लिए, TypeScript गार्ड.

npm i -D @googlemaps/typescript-guards
@googlemaps/typescript-guards के लिए NPM वर्शन @googlemaps/typescript-guards के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

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

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

npm i -D @vis.gl/react-google-maps
@vis.gl/react-google-maps के लिए NPM वर्शन @vis.gl/react-google-maps के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

npm i @googlemaps/react-wrapper
@googlemaps/react-wrapper के लिए NPM वर्शन @googlemaps/react-wrapper के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

ये लाइब्रेरी, मार्कर और OverlayView जैसी क्लास को बढ़ाती हैं.

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

npm i @googlemaps/markerclusterer
@googlemaps/markerclusterer के लिए NPM वर्शन @googlemaps/markerclusterer के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

npm i @googlemaps/markermanager
@googlemaps/markermanager के लिए NPM वर्शन @googlemaps/markermanager के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

मैप में Open Geospatial Consortium (OGC) लेयर जोड़ें. जैसे, Web Map Service (WMS).

npm i @googlemaps/ogc
@googlemaps/ogc के लिए NPM वर्शन @googlemaps/ogc के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

npm i @googlemaps/markerwithlabel
@googlemaps/markerwithlabel के लिए NPM वर्शन @googlemaps/markerwithlabel के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

npm i @googlemaps/three
@googlemaps/three के लिए NPM वर्शन @googlemaps/three के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

npm i @deck.gl/google-maps
@deck.gl/google-maps के लिए NPM वर्शन @deck.gl/google-maps के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

इन लाइब्रेरी का इस्तेमाल करके, सबसे सही तरीकों को अपनाया जा सकता है. साथ ही, Maps JavaScript API की टेस्टिंग को आसान बनाया जा सकता है.

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

npm i -D eslint-plugin-googlemaps
eslint-plugin-googlemaps के लिए NPM वर्शन eslint-plugin-googlemaps के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

npm i -D @googlemaps/jest-mocks
@googlemaps/jest-mocks के लिए NPM वर्शन @googlemaps/jest-mocks के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

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

npm i @googlemaps/google-maps-services-js
@googlemaps/google-maps-services-js के लिए NPM वर्शन @googlemaps/google-maps-services-js के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

npm i @googlemaps/polyline-codec
@googlemaps/polyline-codec के लिए NPM वर्शन @googlemaps/polyline-codec के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज

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

npm i @googlemaps/url-signature
@googlemaps/url-signature के लिए NPM वर्शन @googlemaps/url-signature के लिए NPM डाउनलोड GitHub रिपॉज़िटरी को मिले स्टार GitHub पर कमिट करने की गतिविधि (ब्रांच) GitHub फ़ोर्क Discord सर्वर बैज