סמנים

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

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

התאמה אישית של הצבע, קנה המידה ותמונת הסמל

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

סמנים בהתאמה אישית

צריך להחליף את סמל הסמן שמוגדר כברירת מחדל במשאב SVG מותאם אישית.

סמנים עם גרפיקה

הגדרת גובה הסמן

ניתן להגדיר את גובה הסמן על ידי הזזת הסמן והגדרת הגובה.

סמן מובלט

לגרום לסמנים להגיב לאירועי קליק ומקלדת

אפשר לגרום לסמן להגיב לקליקים ולאירועי מקלדת על ידי הוספת האזנה לאירועים click.

function initMap() {
  const map = new Map3DElement({
    center: { lat: 37.4690, lng: -122.1074, altitude: 0 },
    tilt: 67.5,
    range: 45000,
    mode: MapMode.HYBRID
  });

  const interactiveMarker = new google.maps.marker.Marker3DInteractiveElement({
    map,
    position: {lat: 37.4239163, lng: -122.0947209},
  });

  interactiveMarker.addEventListener('gmp-click', (event) => {
    // Handle the click event.
    // ...
  });
}

הגדרת התנהגות של התנגשויות בין סמנים

מציינים איך הסמן צריך להתנהג כשהוא מתנגש עם סמן אחר או עם תווית מפה אחרת.

const marker = new Marker3DElement({
    position: {lat, lng},
    collisionBehavior: google.maps.CollisionBehavior.REQUIRED
});

השלב הבא