‫ Places UI Kit: ספרייה מוכנה לשימוש שמאפשרת למפתחים להתאים אישית ולשלוט. כדאי לנסות ולשתף את המשוב שלך על חוויית השימוש בערכת ממשק המשתמש.

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

יש הרבה ספריות קוד פתוח שזמינות כדי לספק יכולות נוספות ל-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 (הסתעפות)

טעינת ה-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

גרסת NPM של ‎ @googlemaps/typescript-guards

הורדות NPM עבור ‎ @googlemaps/typescript-guards

שימוש ב-React

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

ספריית React מפות Google

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

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

הורדות NPM עבור ‎ @vis.gl/react-google-maps

React wrapper

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

npm i @googlemaps/react-wrapper

הורדות של NPM עבור ‎ @googlemaps/react-wrapper

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

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

מקבץ סמנים

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

npm i @googlemaps/markerclusterer

גרסת NPM של ‎ @googlemaps/markerclusterer

הורדות של NPM עבור ‎ @googlemaps/markerclusterer

מנהל הסמנים

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

npm i @googlemaps/markermanager

הורדות NPM של ‎ @googlemaps/markermanager

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

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

npm i @googlemaps/ogc

תוויות של סמנים

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

npm i @googlemaps/markerwithlabel

גרסת NPM של ‎ @googlemaps/markerwithlabel

הורדות NPM של @googlemaps/markerwithlabel

שכבות-על של Three.js

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

npm i @googlemaps/three

שכבות-על של deck.gl

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

npm i @deck.gl/google-maps

בדיקה ואיתור שגיאות בקוד (linting)

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

פלאגין ESLint

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

npm i -D eslint-plugin-googlemaps

הורדות של NPM עבור eslint-plugin-googlemaps

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

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

npm i -D @googlemaps/jest-mocks

הורדות של NPM עבור ‎ @googlemaps/jest-mocks

ספריות Node.js

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

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

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

גרסת NPM של ‎ @googlemaps/google-maps-services-js

הורדות של NPM עבור ‎ @googlemaps/google-maps-services-js

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

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

npm i @googlemaps/polyline-codec

הורדות NPM של @googlemaps/polyline-codec

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

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

npm i @googlemaps/url-signature

הורדות של NPM עבור ‎ @googlemaps/url-signature