יש הרבה ספריות בקוד פתוח שיש בהן יכולות נוספות של Maps JavaScript API. הספריות האלה גרסאות ב-GitHub ומתפרסמות ב-npm.
רכיבי אינטרנט
כדי להוסיף במהירות פונקציונליות של מפות לאתרים, אתם יכולים להשתמש ברכיבי האינטרנט של API JavaScript של מפות Google. רכיבי אינטרנט כוללים קוד סטנדרטי, שיטות מומלצות ועיצוב רספונסיבי, כך שהם מצמצמים את ממשקי המשתמש המורכבים של המפה למה שהם בעצם רכיב HTML יחיד.
ספריית רכיבים מורחבת (בטא)
ספריית הרכיבים המורחבת של הפלטפורמה של מפות Google היא קבוצת רכיבי אינטרנט שעוזרת למפתחים ליצור מפות טובות יותר, במהירות רבה יותר ובפחות מאמץ.
npm i @googlemaps/extended-component-library
ה-API בטעינה
אפליקציות אינטרנט מודרניות יכולות להפיק תועלת מהשימוש בספריות הבאות כדי לטעון את ממשק JavaScript API של מפות Google.
טוען JS API
טעינה דינמית של Maps JavaScript API עם Promises.
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
איך משתמשים ב-React
משתמשי התגובה יכולים להתחיל עם החבילות הבאות.
תגובה לספרייה של מפות Google
רכיבים והוקים (hooks) לשילוב API ל-JavaScript של מפות Google באפליקציות React.
npm i -D @vis.gl/react-google-maps
תגובה מסוג wrapper
רכיב wrapper לצורך טעינה הצהרתית של ממשק ה-API של JavaScript של מפות Google.
npm i @googlemaps/react-wrapper
הרחבה של סמנים ושכבות-על
הספריות הבאות מקיפות מחלקות כמו 'סמן' ו-'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
שימוש ב-Dek.gl כשכבת-על מותאמת אישית של מפות Google.
npm i @deck.gl/google-maps
בדיקות ואיתור שגיאות בקוד
הספריות האלו עוזרות לוודא שהשיטות המומלצות ולהקל על הבדיקה של מפות Google 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