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

דף זה תורגם על ידי Cloud Translation API.

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

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

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

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

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

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

npm i @googlemaps/extended-component-library

גרסת NPM של @googlemaps/extended-component-library

הורדות NPM עבור @googlemaps/extended-component-library

ה-API בטעינה

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

טוען API של JS

טעינה דינמית של Maps JavaScript API עם הבטחות.

npm i @googlemaps/js-api-loader

הורדות NPM עבור @googlemaps/js-api-loader

שימוש ב-TypeScript

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

סוגי TypeScript

סוגי סקריפטים עבור Maps JavaScript API

npm i -D @types/google.maps

שומרי TypeScript

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

npm i -D @googlemaps/typescript-guards

גרסת NPM עבור @googlemaps/typescript-Guards

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

שימוש ב-React

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

wrapper של תגובה

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

npm i @googlemaps/react-wrapper

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

רכיבי תגובה (אלפא)

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

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

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

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

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

מקבץ סמנים

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

npm i @googlemaps/markerclusterer

הורדות NPM עבור @googlemaps/markclusterer

מנהל סמנים

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

npm i @googlemaps/markermanager

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

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

npm i @googlemaps/ogc

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

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

npm i @googlemaps/markerwithlabel

הורדות NPM עבור @googlemaps/markwithlabel

שכבות-על של 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

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

סטייק

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

npm i -D @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

הורדות NPM עבור @googlemaps/polyline-codec

חתימת כתובת URL

חתימה על כתובות URL ב-Node.js לצורך אבטחה נוספת.

npm i @googlemaps/url-signature

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