ספריות רבות של קוד פתוח זמינות כדי לספק יכולות נוספות של Maps JavaScript API. הספריות האלה מופיעות ב-GitHub ומפורסמות ב-npm.
רכיבי אינטרנט
השתמשו ברכיבי האינטרנט של Maps JavaScript API כדי להוסיף במהירות פונקציונליות של מפות לאתרים. רכיבי אינטרנט כוללים קוד סטנדרטי, שיטות מומלצות ועיצוב עם יכולת תגובה, וכך מצמצמים ממשקי משתמש מורכבים של מפות כך שהם הופכים למעשה לאלמנט HTML יחיד.
ספריית רכיבים מורחבת (בטא)
ספריית הרכיבים המורחבים של הפלטפורמה של מפות Google היא קבוצה של רכיבי אינטרנט שעוזרים למפתחים ליצור מפות טובות יותר במהירות ובפחות מאמץ.
npm i @googlemaps/extended-component-library
ה-API בטעינה
יישומי אינטרנט מודרניים יכולים להפיק תועלת משימוש בספריות הבאות כדי לטעון את ה-API ל-JavaScript של מפות Google.
טוען API של JS
טעינה דינמית של Maps JavaScript API עם הבטחות.
npm i @googlemaps/js-api-loader
שימוש ב-TypeScript
משתמשי TypeScript יכולים להתחיל לעבוד עם החבילות הבאות. מידע נוסף זמין במדריך TypeScript.
סוגי TypeScript
סוגי סקריפטים עבור Maps JavaScript API
npm i -D @types/google.maps
שומרי TypeScript
TypeScript מגן כדי לצמצם סוגי איחוד.
npm i -D @googlemaps/typescript-guards
שימוש ב-React
המשתמשים מגיבים יכולים להתחיל להשתמש בחבילות הבאות.
wrapper של תגובה
רכיב wrapper לצורך טעינה מוצהרת של ה-API ל-JavaScript של מפות Google.
npm i @googlemaps/react-wrapper
רכיבי תגובה (אלפא)
רכיבים ורכיבי hook לצורך שילוב של Maps JavaScript API באפליקציות React.
npm i -D @vis.gl/react-google-maps
הרחבה של סמנים ושכבות-על
הספריות הבאות מרחיבות מחלקות כגון Markup ו-OverlayView.
מקבץ סמנים
יצירה וניהול של אשכולות ברמת הזום עבור כמויות גדולות של סמנים.
npm i @googlemaps/markerclusterer
מנהל סמנים
הוספה והסרה של סמנים על סמך שינויים באזור התצוגה של המפה.
npm i @googlemaps/markermanager
שירות מפות אינטרנט (WMS)
הוספת שכבות Open Geospatial Consortium (OGC), למשל Web Map Service (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
בדיקה ואיתור שגיאות בקוד
כדאי להשתמש בספריות האלה כדי להבטיח שיטות מומלצות ולהקל על הבדיקה של Maps 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