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

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

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

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

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

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

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

Jest mocks

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