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

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

Web Components

אתם יכולים להשתמש ברכיבי האינטרנט של Maps JavaScript API כדי להוסיף פונקציונליות של מפות לאתרים שלכם במהירות. רכיבי ה-Web מכילים קוד סטנדרטי, שיטות מומלצות ועיצוב רספונסיבי, וכך מאפשרים לצמצם ממשקי משתמש מורכבים של מפות לרכיב 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 לצמצום סוגי יוניון.

npm i -D @googlemaps/typescript-guards

שימוש ב-React

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

ספריית React Google Maps

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

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

React wrapper

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

npm i @googlemaps/react-wrapper

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

הספריות הבאות מרחיבות כיתות כמו Marker ו-OverlayView.

מקבץ סמנים

יצירה וניהול של אשכולות לפי רמת מרחק התצוגה עבור כמויות גדולות של סמנים.

npm i @googlemaps/markerclusterer

מנהל הסימונים

הוספה והסרה של סמנים על סמך שינויים בחלון התצוגה של המפה.

npm i @googlemaps/markermanager

שירות מפות אינטרנט (WMS)

הוספת שכבות של Open Geospatial Consortium‏ (OGC), כמו שירות מפות אינטרנט (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

דוגמאות לשימוש בספריית הבדיקות של Jest.

npm i -D @googlemaps/jest-mocks

ספריות Node.js

הערה: הספריות הבאות לא פועלות בסביבות של דפדפנים והן מוטמעות בסביבות Node.js ובסביבות שרת.

ספריית לקוח של Node.js

ספריית לקוח של Node.js לביצוע קריאות מ-Cloud Functions או מקוד בצד השרת.

npm i @googlemaps/google-maps-services-js

קידוד קו פוליגוני

קידוד ופענוח של קווים פוליגונליים ב-Node.js.

npm i @googlemaps/polyline-codec

חתימה על כתובות URL

חתימה על כתובות URL ב-Node.js לשיפור האבטחה.

npm i @googlemaps/url-signature