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

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

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

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

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

npm i @googlemaps/extended-component-library
גרסת NPM של ‎ @googlemaps/extended-component-library הורדות NPM של ‎ @googlemaps/extended-component-library כוכבים במאגר GitHub פעילות ה-commit ב-GitHub (הסתעפות) ‫GitHub forks תג שרת 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 פעילות ה-commit ב-GitHub (הסתעפות) ‫GitHub forks תג שרת Discord

שימוש ב-TypeScript

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

סוגי TypeScript ל-Maps JavaScript API

npm i -D @types/google.maps
גרסת NPM של ‎ @types/google.maps הורדות NPM של ‎ @types/google.maps כוכבים במאגר GitHub פעילות ה-commit ב-GitHub (הסתעפות) ‫GitHub forks תג שרת Discord

שומרי TypeScript לצמצום סוגי האיחוד.

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

שימוש ב-React

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

רכיבים ו-hooks לשילוב 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 פעילות ה-commit ב-GitHub (הסתעפות) ‫GitHub forks תג שרת Discord

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

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

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

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

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

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

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

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

להוסיף למפה שכבות של Open Geospatial Consortium‏ (OGC), כמו Web Map Service‏ (WMS).

npm i @googlemaps/ogc
גרסת NPM של ‎ @googlemaps/ogc הורדות NPM של ‎ @googlemaps/ogc כוכבים במאגר GitHub פעילות ה-commit ב-GitHub (הסתעפות) ‫GitHub forks תג שרת Discord

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

npm i @googlemaps/markerwithlabel
גרסת NPM של ‎ @googlemaps/markerwithlabel הורדות NPM של ‎ @googlemaps/markerwithlabel כוכבים במאגר GitHub פעילות ה-commit ב-GitHub (הסתעפות) ‫GitHub forks תג שרת Discord

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

npm i @googlemaps/three
גרסת NPM של ‎ @googlemaps/three הורדות NPM של ‎ @googlemaps/three כוכבים במאגר GitHub פעילות ה-commit ב-GitHub (הסתעפות) ‫GitHub forks תג שרת Discord

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

npm i @deck.gl/google-maps
גרסת NPM של ‎ @deck.gl/google-maps הורדות NPM של ‎ @deck.gl/google-maps כוכבים במאגר GitHub פעילות ה-commit ב-GitHub (הסתעפות) ‫GitHub forks תג שרת Discord

בדיקה וניתוח קוד סטטי (linting)

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

שימוש בכללי ESLint בהתאמה אישית כדי לבצע ניתוח סטטי של הקוד.

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

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

npm i -D @googlemaps/jest-mocks
גרסת NPM של ‎ @googlemaps/jest-mocks הורדות NPM של ‎ @googlemaps/jest-mocks כוכבים במאגר GitHub פעילות ה-commit ב-GitHub (הסתעפות) ‫GitHub forks תג שרת 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 פעילות ה-commit ב-GitHub (הסתעפות) ‫GitHub forks תג שרת Discord

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

npm i @googlemaps/polyline-codec
גרסת NPM של ‎ @googlemaps/polyline-codec הורדות NPM של ‎ @googlemaps/polyline-codec כוכבים במאגר GitHub פעילות ה-commit ב-GitHub (הסתעפות) ‫GitHub forks תג שרת Discord

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

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