تتوفر العديد من المكتبات مفتوحة المصدر لتوفير إمكانات إضافية لواجهة برمجة تطبيقات JavaScript للخرائط. تتوفر نُسخ من هذه المكتبات على GitHub ويتم نشرها على npm.
مكوّنات الويب
استخدم مكونات الويب لـ Maps JavaScript API لإضافة وظائف الخرائط إلى مواقعك الإلكترونية بسرعة. تحتوي مكونات الويب على رمز نموذجي وأفضل الممارسات والتصميم سريع الاستجابة، ما يقلل من واجهات المستخدم المعقدة للخريطة إلى ما هو عنصر HTML واحد بشكل فعال.
مكتبة المكونات الموسّعة (إصدار تجريبي)
مكتبة المكونات الموسّعة في "منصة خرائط Google" هي مجموعة من مكونات الويب التي تساعد المطوّرين على إنشاء خرائط أفضل بشكل أسرع وبجهد أقل.
npm i @googlemaps/extended-component-library
تحميل واجهة برمجة التطبيقات
قد تستفيد تطبيقات الويب الحديثة من استخدام المكتبات التالية لتحميل Maps JavaScript API.
أداة تحميل واجهة برمجة تطبيقات JavaScript
التحميل الديناميكي لواجهة Maps JavaScript API بالوعد
npm i @googlemaps/js-api-loader
استخدام TypeScript
يمكن لمستخدمي TypeScript بدء استخدام الحِزم التالية. يمكنك الاطلاع على دليل استخدام TypeScript للحصول على معلومات إضافية.
أنواع TypeScript
أنواع TypeScript لواجهة Maps JavaScript API
npm i -D @types/google.maps
واقيات TypeScript
تحمي ميزة TypeScript أنواع اتحادات ضيقة.
npm i -D @googlemaps/typescript-guards
استخدام ميزة التفاعل
يمكن لمستخدمي التفاعل بدء استخدام الحِزم التالية.
التفاعل مع مكتبة "خرائط Google"
المكوّنات وعناصر الجذب لدمج واجهة برمجة تطبيقات JavaScript JavaScript في تطبيقات React
npm i -D @vis.gl/react-google-maps
برنامج تضمين التفاعلات
مكوِّن برنامج تضمين لتحميل واجهة برمجة تطبيقات JavaScript للخرائط بشكل بياني.
npm i @googlemaps/react-wrapper
تمديد العلامات والتراكبات
تعمل المكتبات التالية على توسيع فئات مثل Marker وOverlayView.
أداة تجميع محدّدات المواقع
تنشئ مجموعات على مستوى التكبير أو التصغير لمجموعات كبيرة من العلامات وتديرها.
npm i @googlemaps/markerclusterer
مدير العلامات
لإضافة العلامات وإزالتها استنادًا إلى تغييرات إطار عرض الخريطة.
npm i @googlemaps/markermanager
خدمة خرائط الويب (WMS)
إضافة طبقات الاتحاد الجغرافي المكاني المفتوحة (OGC) مثل خدمة خرائط الويب (WMS) إلى خريطة.
npm i @googlemaps/ogc
تصنيفات العلامات
أضِف تصنيفات HTML مخصّصة إلى العلامات.
npm i @googlemaps/markerwithlabel
تراكبات Three.js
استخدِم WebGL و3JS للحصول على عروض مرئية عالية الأداء.
npm i @googlemaps/three
تراكبات Deck.gl
استخدام Deck.gl كتراكب مخصص في "خرائط Google"
npm i @deck.gl/google-maps
إجراء الاختبارات والكشف عن التشويش
استخدِم هذه المكتبات للتأكّد من تطبيق أفضل الممارسات وتسهيل عملية اختبار واجهة Maps JavaScript API.
المكوّن الإضافي ESLint
استخدِم قواعد ESLint مخصصة لتوضيح الرمز البرمجي.
npm i -D eslint-plugin-googlemaps
محاكاة المضحكة
نماذج تجريبية لاستخدامها مع مكتبة اختبار Jest.
npm i -D @googlemaps/jest-mocks
مكتبات Node.js
مكتبة عملاء Node.js
مكتبة برامج Node.js لإجراء عمليات الاستدعاء من دوال السحابة أو الرمز من جهة الخادم.
npm i @googlemaps/google-maps-services-js
الترميز المتعدد الخطوط
ترميز وفك ترميز الخطوط المتعددة في Node.js.
npm i @googlemaps/polyline-codec
توقيع عنوان URL
سجِّل عناوين URL في Node.js لمزيد من الأمان.
npm i @googlemaps/url-signature