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

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

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

כדי להוסיף במהירות פונקציונליות של מפות לאתרים, אתם יכולים להשתמש ברכיבי האינטרנט של API JavaScript של מפות Google. רכיבי אינטרנט כוללים קוד סטנדרטי, שיטות מומלצות ועיצוב רספונסיבי, כך שהם מצמצמים את ממשקי המשתמש המורכבים של המפה למה שהם בעצם רכיב 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

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

תגובה לספרייה של מפות Google

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

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

תגובה מסוג wrapper

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

npm i @googlemaps/react-wrapper

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

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

מקבץ סמנים

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

npm i @googlemaps/markerclusterer

מנהל סמנים

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

npm i @googlemaps/markermanager

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

הוספה של שכבות פתוחות של איחוד גיאו-מרחבי (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 לביצוע קריאות מפונקציות בענן או מקוד בצד השרת.

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

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

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

npm i @googlemaps/polyline-codec

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

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

npm i @googlemaps/url-signature