ספריות רבות של קוד פתוח זמינות כדי לספק יכולות נוספות API של מפות Google ל-JavaScript. הגרסאות של הספריות האלה הן ב- GitHub ופורסם ב- npm.
רכיבי אינטרנט
שימוש ב-Maps JavaScript API Web רכיבים להוספה מהירה של מפות פונקציונליות באתרים שלכם. Web Components (רכיבי אינטרנט) מכילים קוד סטנדרטי (boilerplate), ושיטות מומלצות ועיצוב רספונסיבי, צמצום ממשקי משתמש מורכבים של מפות למעשה רכיב 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