يتوفر العديد من المكتبات مفتوحة المصدر لتوفير إمكانيات إضافية واجهة برمجة تطبيقات JavaScript للخرائط. يتم تحديد إصدارات هذه المكتبات في GitHub وتم نشرها في npm.
مكونات الويب
استخدام واجهة برمجة تطبيقات JavaScript للخرائط على الويب المكونات لإضافة الخرائط بسرعة الوظائف إلى مواقع الويب لديك. تتضمن مكونات الويب التعليمة البرمجية النموذجية، وأفضل الممارسات والتصميم سريع الاستجابة، ومن ثمَّ تقليل واجهة مستخدم الخرائط المعقدة إلى بفعالية عنصر HTML واحد.
مكتبة المكوّنات الموسّعة (إصدار تجريبي)
المكوِّن الموسع لمنصة خرائط Google المكتبة هي مجموعة من مكونات الويب التي تساعد مطوري البرامج في إنشاء خرائط أفضل بشكل أسرع وبجهد أقل.
npm i @googlemaps/extended-component-library
جارٍ تحميل واجهة برمجة التطبيقات
قد تستفيد تطبيقات الويب الحديثة من استخدام المكتبات التالية لتحميل واجهة برمجة تطبيقات JavaScript للخرائط.
أداة تحميل واجهة برمجة تطبيقات JavaScript
تحميل واجهة برمجة تطبيقات JavaScript للخرائط بشكل ديناميكي مع Promises
npm i @googlemaps/js-api-loader
استخدام TypeScript
يمكن لمستخدمي TypeScript البدء باستخدام الحزم التالية. راجِع استخدام دليل TypeScript للحصول على معلومات إضافية.
أنواع TypeScript
أنواع TypeScript لواجهة برمجة تطبيقات JavaScript للخرائط
npm i -D @types/google.maps
حماية TypeScript
يحمي TypeScript أنواع الاتحاد الضيقة.
npm i -D @googlemaps/typescript-guards
استخدام React
يمكن لمستخدمي React البدء باستخدام الحزم التالية.
التفاعل مع مكتبة "خرائط Google"
مكونات وعناصر الجذب لدمج Maps JavaScript API في تطبيقات 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 وThreeJS لعرض مرئيات عالية الأداء
npm i @googlemaps/three
تراكبات Deck.gl
استخدم Deck.gl كتراكب مخصص في خرائط Google.
npm i @deck.gl/google-maps
الاختبار واستخدام أداة Lint
استخدم هذه المكتبات لضمان أفضل الممارسات وتسهيل عملية الاختبار لـ Maps JavaScript API.
المكوّن الإضافي ESLint
يمكنك استخدام قواعد ESLint المخصّصة لإضافة النص البرمجي إلى نص برمجي.
npm i -D eslint-plugin-googlemaps
نماذج Jest
نماذج يتم استخدامها مع مكتبة اختبارات 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