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

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

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

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

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

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

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

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

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

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

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

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>

השלבים הבאים