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

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

Web Components

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

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

npm i @googlemaps/extended-component-library
גרסת NPM עבור @googlemaps/extended-component-library הורדות NPM עבור @googlemaps/extended-component-library סימני כוכב במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

טעינת ה-API

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

טעינת Maps JavaScript API באופן דינמי באמצעות Promises.

npm i @googlemaps/js-api-loader
גרסת NPM עבור @googlemaps/js-api-loader הורדות NPM עבור @googlemaps/js-api-loader סימני 'אהב' במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

שימוש ב-TypeScript

משתמשי TypeScript יכולים להתחיל להשתמש בחבילות הבאות. מידע נוסף זמין במדריך לשימוש ב-TypeScript.

סוגי TypeScript ל-Maps JavaScript API

npm i -D @types/google.maps
גרסת NPM עבור @types/google.maps הורדות NPM עבור @types/google.maps סימני 'אהב' במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

אמצעי הגנה של TypeScript לצמצום סוגי יוניון.

npm i -D @googlemaps/typescript-guards
גרסת NPM עבור @googlemaps/typescript-guards הורדות NPM עבור @googlemaps/typescript-guards סימני כוכב במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

שימוש ב-React

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

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

npm i -D @vis.gl/react-google-maps
גרסת NPM עבור @vis.gl/react-google-maps הורדות NPM עבור @vis.gl/react-google-maps סימני 'אהבתי' במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

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

npm i @googlemaps/react-wrapper
גרסת NPM עבור @googlemaps/react-wrapper הורדות NPM עבור @googlemaps/react-wrapper סימני כוכב במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

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

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

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

npm i @googlemaps/markerclusterer
גרסת NPM עבור @googlemaps/markerclusterer הורדות NPM עבור @googlemaps/markerclusterer סימני כוכב במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

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

npm i @googlemaps/markermanager
גרסת NPM עבור @googlemaps/markermanager הורדות NPM עבור @googlemaps/markermanager סימני כוכב במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

הוספת שכבות של Open Geospatial Consortium‏ (OGC), כמו שירות מפות אינטרנט (WMS), למפה.

npm i @googlemaps/ogc
גרסת NPM עבור @googlemaps/ogc הורדות NPM עבור @googlemaps/ogc סימני 'אהבתי' במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

הוספת תוויות HTML בהתאמה אישית לסימונים.

npm i @googlemaps/markerwithlabel
גרסת NPM עבור @googlemaps/markerwithlabel הורדות NPM עבור @googlemaps/markerwithlabel סימני 'אהבתי' במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

שימוש ב-WebGL וב-ThreeJS ליצירת תצוגות חזותיות עם ביצועים גבוהים.

npm i @googlemaps/three
גרסת NPM עבור @googlemaps/three הורדות NPM עבור @googlemaps/three סימני 'אהב' במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

שימוש ב-Deck.gl כשכבת-על בהתאמה אישית של מפות Google.

npm i @deck.gl/google-maps
גרסת NPM עבור @deck.gl/google-maps הורדות NPM עבור @deck.gl/google-maps סימני 'אהב' במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

בדיקה וסריקה לאיתור שגיאות בקוד

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

שימוש בכללים מותאמים אישית של ESLint כדי לבדוק את הקוד.

npm i -D eslint-plugin-googlemaps
גרסת NPM של eslint-plugin-googlemaps הורדות NPM עבור eslint-plugin-googlemaps סימני כוכב במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

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

npm i -D @googlemaps/jest-mocks
גרסת NPM עבור @googlemaps/jest-mocks הורדות NPM עבור @googlemaps/jest-mocks סימני כוכב במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

ספריות Node.js

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

npm i @googlemaps/google-maps-services-js
גרסת NPM עבור @googlemaps/google-maps-services-js הורדות NPM עבור @googlemaps/google-maps-services-js סימני 'אהב' במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

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

npm i @googlemaps/polyline-codec
גרסת NPM עבור @googlemaps/polyline-codec הורדות NPM עבור @googlemaps/polyline-codec סימני 'אהבתי' במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord

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

npm i @googlemaps/url-signature
גרסת NPM עבור @googlemaps/url-signature הורדות NPM עבור @googlemaps/url-signature סימני כוכב במאגר GitHub פעילות השמירה ב-GitHub (הסתעפות) מזלגות ב-GitHub תג של שרת Discord