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

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

مكوّنات الويب

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

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

npm i @googlemaps/extended-component-library
إصدار NPM لـ @googlemaps/extended-component-library عمليات تنزيل NPM لـ @googlemaps/extended-component-library نجوم GitHub Repo نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

تحميل واجهة برمجة التطبيقات

قد تستفيد تطبيقات الويب الحديثة من استخدام المكتبات التالية لتحميل واجهة برمجة تطبيقات JavaScript للخرائط.

تحميل Maps JavaScript API ديناميكيًا باستخدام وعد

npm i @googlemaps/js-api-loader
إصدار NPM لحزمة @googlemaps/js-api-loader عمليات تنزيل NPM لـ @googlemaps/js-api-loader عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

استخدام TypeScript

يمكن لمستخدمي TypeScript البدء باستخدام الحِزم التالية. راجِع استخدام دليل TypeScript للحصول على معلومات إضافية.

أنواع TypeScript لواجهة برمجة التطبيقات Maps JavaScript API

npm i -D @types/google.maps
إصدار NPM لواجهة برمجة التطبيقات ‏@types/google.maps عمليات تنزيل NPM لـ @types/google.maps عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

يحمي TypeScript أنواع الاتحاد الضيقة.

npm i -D @googlemaps/typescript-guards
إصدار NPM لواجهة برمجة التطبيقات ‏@googlemaps/typescript-guards عمليات تنزيل NPM لـ @googlemaps/typescript-guards عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

استخدام React

يمكن لمستخدمي React البدء باستخدام الحزم التالية.

مكونات وعناصر ربط لدمج Maps JavaScript API في تطبيقات React

npm i -D @vis.gl/react-google-maps
إصدار NPM لواجهة برمجة التطبيقات ‎@vis.gl/react-google-maps عمليات تنزيل NPM لواجهة برمجة التطبيقات @vis.gl/react-google-maps عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

عنصر غلاف لتحميل Maps JavaScript API بشكل تعريفي

npm i @googlemaps/react-wrapper
إصدار NPM لواجهة برمجة التطبيقات ‏@googlemaps/react-wrapper عمليات تنزيل NPM لـ @googlemaps/react-wrapper عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

توسيع العلامات والتراكبات

تُوسّع المكتبات التالية فئات مثل Marker وOverlayView.

تُنشئ هذه الطريقة مجموعات لكل مستوى تكبير وتدير كميات كبيرة من العلامات.

npm i @googlemaps/markerclusterer
إصدار NPM لواجهة برمجة التطبيقات ‎@googlemaps/markerclusterer عمليات تنزيل NPM لواجهة برمجة التطبيقات ‏@googlemaps/markerclusterer عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

تُضيف العلامات وتزيلها استنادًا إلى تغييرات مساحة العرض في الخريطة.

npm i @googlemaps/markermanager
إصدار NPM لواجهة برمجة التطبيقات ‎@googlemaps/markermanager عمليات تنزيل NPM لواجهة برمجة التطبيقات ‎@googlemaps/markermanager عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

إضافة طبقات Open Geospatial Consortium (OGC) مثل خدمة Web Map Service (WMS) إلى خريطة

npm i @googlemaps/ogc
إصدار NPM لواجهة ‎@googlemaps/ogc عمليات تنزيل NPM لـ @googlemaps/ogc عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

أضِف تصنيفات HTML مخصّصة إلى العلامات.

npm i @googlemaps/markerwithlabel
إصدار NPM لـ @googlemaps/markerwithlabel عمليات تنزيل NPM لـ @googlemaps/markerwithlabel عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

استخدِم WebGL وThreeJS لإنشاء رسومات بيانية عالية الأداء.

npm i @googlemaps/three
إصدار NPM لواجهة برمجة التطبيقات ‎@googlemaps/three عمليات تنزيل NPM لـ ‎@googlemaps/three عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

استخدِم Deck.gl كعنصر مركّب مخصّص في "خرائط Google".

npm i @deck.gl/google-maps
إصدار NPM لواجهة برمجة التطبيقات ‏@deck.gl/google-maps عمليات تنزيل NPM لواجهة برمجة التطبيقات ‏@deck.gl/google-maps عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

الاختبار والتدقيق

استخدِم هذه المكتبات لضمان اتّباع أفضل الممارسات وتسهيل اختبار واجهة برمجة التطبيقات Maps JavaScript API.

استخدِم قواعد ESLint المخصّصة لفحص أخطاء الرمز البرمجي.

npm i -D eslint-plugin-googlemaps
إصدار NPM لـ eslint-plugin-googlemaps عمليات تنزيل NPM لـ eslint-plugin-googlemaps عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

نماذج وهمية لاستخدامها مع مكتبة اختبار Jest

npm i -D @googlemaps/jest-mocks
إصدار NPM لواجهة برمجة التطبيقات ‏@googlemaps/jest-mocks عمليات تنزيل NPM لمجموعة @googlemaps/jest-mocks نجوم GitHub Repo نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

مكتبات Node.js

مكتبة برامج Node.js لإجراء استدعاءات من دوال السحابة أو رمز من جهة الخادم.

npm i @googlemaps/google-maps-services-js
إصدار NPM لحزمة @googlemaps/google-maps-services-js عمليات تنزيل NPM لواجهة برمجة التطبيقات ‎@googlemaps/google-maps-services-js عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

ترميز الخطوط المتعددة وفك ترميزها في Node.js.

npm i @googlemaps/polyline-codec
إصدار NPM لواجهة برمجة التطبيقات ‏@googlemaps/polyline-codec عمليات تنزيل NPM لـ @googlemaps/polyline-codec عدد النجوم التي حصل عليها مستودع GitHub نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord

توقيع عناوين URL في Node.js لتعزيز الأمان

npm i @googlemaps/url-signature
إصدار NPM لواجهة برمجة التطبيقات ‎@googlemaps/url-signature عمليات تنزيل NPM لـ @googlemaps/url-signature نجوم GitHub Repo نشاط عمليات الإضافة في GitHub (الفرع) شوكات GitHub شارة خادم Discord