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

कई ओपन सोर्स लाइब्रेरी Maps JavaScript एपीआई. इन लाइब्रेरी के वर्शन, GitHub पर मौजूद होते हैं और इन्हें npm पर पब्लिश किया जाता है.

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

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

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

npm i @googlemaps/extended-component-library
@googlemaps/extended-component-library के लिए NPM वर्शन @googlemaps/extended-component-library के लिए एनपीएम डाउनलोड 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 के उपयोगकर्ता, इन पैकेज का इस्तेमाल शुरू कर सकते हैं.

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

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 सर्वर का बैज

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

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

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

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 सर्वर का बैज

किसी मैप में, Web Map Service (WMS) जैसी ओपन जियोस्पेशियल कंसोर्टियम (OGC) लेयर जोड़ें.

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 लाइब्रेरी

Cloud Functions या सर्वर साइड कोड से कॉल करने के लिए, 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 के लिए एनपीएम वर्शन @googlemaps/polyline-codec के लिए एनपीएम डाउनलोड GitHub रेपो स्टार GitHub पर कमिट की गई गतिविधि (ब्रांच) GitHub फ़ॉर्क Discord सर्वर का बैज

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

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