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

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

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

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

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

npm i @googlemaps/extended-component-library
גרסת NPM של @googlemaps/extended-component-library הורדות של NPM עבור @googlemaps/extended-component-library הכוכבים במאגר GitHub פעילות שמירה ב-GitHub (הסתעפות) מזלגות של GitHub תג של שרת Discord

ה-API בטעינה

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

טעינה דינמית של Maps JavaScript API עם Promises.

npm i @googlemaps/js-api-loader
גרסת NPM עבור @googlemaps/js-api-loader הורדות NPM עבור @googlemaps/js-api-loader הכוכבים במאגר GitHub פעילות שמירה ב-GitHub (הסתעפות) מזלגות של GitHub תג של שרת Discord

שימוש ב-TypeScript

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

סוגי TypeScript עבור Maps JavaScript API

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

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

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

איך משתמשים ב-React

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

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

npm i -D @vis.gl/react-google-maps
גרסת NPM עבור @vis.gl/react-google-maps הורדות של NPM עבור @vis.gl/react-google-maps הכוכבים במאגר GitHub פעילות שמירה ב-GitHub (הסתעפות) מזלגות של GitHub תג של שרת Discord

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

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

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

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

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

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

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

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

הוספה של שכבות פתוחות של איחוד גיאו-מרחבי (OGC), כמו שירות מפות אינטרנט (WMS) למפה.

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

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

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

להשתמש ב-WebGL וב-ThreeJS להמחשות בעלות ביצועים גבוהים.

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

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

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

בדיקות ואיתור שגיאות בקוד

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

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

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

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

npm i -D @googlemaps/jest-mocks
גרסת NPM עבור @googlemaps/jest-mocks הורדות של NPM עבור @googlemaps/jest-mocks הכוכבים במאגר GitHub פעילות שמירה ב-GitHub (הסתעפות) מזלגות של GitHub תג של שרת Discord

ספריות Node.js

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

npm i @googlemaps/google-maps-services-js
גרסת NPM עבור @googlemaps/google-maps-services-js הורדות של NPM עבור @googlemaps/google-maps-services-js הכוכבים במאגר GitHub פעילות שמירה ב-GitHub (הסתעפות) מזלגות של GitHub תג של שרת Discord

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

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

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

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