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

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

Web Components

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

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

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

npm i @googlemaps/extended-component-library

טעינת ה-API

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

טוען JS API

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

רכיבים והוקים (hooks) לשילוב API ל-JavaScript של מפות Google באפליקציות React.

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

תגובה מסוג wrapper

רכיב wrapper לצורך טעינה הצהרתית של ממשק ה-API של JavaScript של מפות Google.

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

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

npm i @deck.gl/google-maps

בדיקה וזיהוי שגיאות בקוד

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

פלאגין של ESLint

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

npm i -D eslint-plugin-googlemaps

חיקויים

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