פקדים וממשק של מפה תלת-ממדית

בחירת פלטפורמה: Android iOS JavaScript

סקירה כללית של אמצעי הבקרה

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

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

אמצעי הבקרה של כלי הניתוחים

בתמונה הבאה מוצגת קבוצת ברירת המחדל של אמצעי הבקרה שמוצגים במפות תלת-ממדיות ב-Maps JavaScript API:

תמונה של מפה עם פקדים

בהמשך מופיעה רשימה של כל אמצעי הבקרה במפות תלת-ממדיות ב-Maps JavaScript:

  • פקד הזום מציג את הלחצנים "+" ו-"-" כדי לשנות את רמת הזום של המפה.
  • פקד התנועה מציג את הלחצנים "←", "→", "↑" ו-"↓" כדי לשנות את מרכז המפה.
  • פקדי הסיבוב מאפשרים לשנות את כיוון המצלמה.
  • הטיה – משנים את ההטיה של המצלמה.
  • פקד המצפן מציין את כיוון הצפון במצפן, ומאפשר לאפס את המצלמה לכיוון צפון.

דוגמת הקוד הבאה ממחישה איך להחליף בין פקדי החקירה:

JavaScript

const map = new Map3DElement({
  center: { lat: 37.819852, lng: -122.478549, altitude: 2000 },
  tilt: 75,
  heading: 330,
  mode: MapMode.SATELLITE,
  defaultUIHidden: true,
});

HTML

<gmp-map-3d
  mode="hybrid"
  range="639.274301042242"
  tilt="64.92100184857551"
  center="34.0768990953219,-118.47450491266041,292.9794737933403"
  heading="-61.02026752077781"
  default-ui-disabled
></gmp-map-3d>

השלבים הבאים