ספריות קוד פתוח

יש הרבה ספריות קוד פתוח שזמינות כדי לספק יכולות נוספות ל-Maps JavaScript API. הספריות האלה הן בגרסה ב-GitHub והן מתפרסמות ב-npm.

רכיבי אינטרנט

אפשר להשתמש ברכיבי אינטרנט של Maps JavaScript API כדי להוסיף במהירות פונקציונליות של מפות לאתרים. רכיבי האינטרנט כוללים קוד boilerplate, שיטות מומלצות ועיצוב רספונסיבי, ומצמצמים את ממשקי המשתמש המורכבים של המפות לכדי מה שהוא למעשה רכיב HTML יחיד.

ספריית רכיבים מורחבת (בטא)

ספריית הרכיבים המורחבת של פלטפורמת מפות Google היא אוסף של רכיבי אינטרנט שעוזרים למפתחים ליצור מפות טובות יותר מהר יותר ובפחות מאמץ.

npm i @googlemaps/extended-component-library

טעינת ה-API

אפליקציות אינטרנט מודרניות יכולות להפיק תועלת משימוש בספריות הבאות כדי לטעון את Maps JavaScript API.

JS API loader

טעינה דינמית של 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 guards כדי לצמצם סוגי איחוד.

npm i -D @googlemaps/typescript-guards

שימוש ב-React

משתמשי React יכולים להתחיל עם החבילות הבאות.

ספריית React Google Maps

רכיבים ו-hooks לשילוב Maps JavaScript API באפליקציות React.

npm i -D @vis.gl/react-google-maps

React wrapper

רכיב wrapper לטעינה הצהרתית של Maps JavaScript API.

npm i @googlemaps/react-wrapper

הרחבת סמנים ושכבות-על

הספריות הבאות מרחיבות מחלקות כמו Marker ו-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

הדמיות (mocks) ב-Jest

קובצי Mock לשימוש עם ספריית הבדיקות 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