مكتبات برامج مفتوحة المصدر

يتوفر العديد من المكتبات المفتوحة المصدر لتوفير إمكانات إضافية لواجهة برمجة تطبيقات JavaScript للخرائط. تم إصدار نُسخ من هذه المكتبات على GitHub ويتم نشرها على npm.

مكونات الويب

استخدم مكوّنات الويب لواجهة برمجة تطبيقات JavaScript للخرائط لإضافة وظائف الخرائط بسرعة إلى مواقعك الإلكترونية. تتضمن مكوّنات الويب رمزًا نموذجيًا وأفضل الممارسات والتصميم سريع الاستجابة، ما يقلّل من عدد واجهات مستخدم الخرائط المعقّدة إلى عنصر HTML واحد بشكل فعّال.

مكتبة المكوّنات الموسّعة (إصدار تجريبي)

مكتبة المكونات الإضافية لمنصة Google Maps Platform عبارة عن مجموعة من مكونات الويب التي تساعد مطوري البرامج في إنشاء خرائط أفضل بشكل أسرع وبجهد أقل.

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

مكتبة برامج 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