אפשר להשתמש בסמנים כדי למשוך את תשומת הלב של המשתמש למיקום במפה. במדריך הזה מוסבר איך להשתמש בסמנים במפות תלת-ממד ואיך להתאים אותם אישית. אתם יכולים לשלוט בצורה, בגודל ובצבע של הסמנים, וגם בגובה שבו הם מופיעים.
אפשר להשתמש בסמנים כדי להציג מיקומים במפות. בדוגמה שלמעלה מוצג סמן בסיסי יחיד ללא התאמה אישית.
התאמה אישית של הצבע, הסולם ותמונת הסמל
התאמה אישית של הרקע, הגליף, צבע הגבול והגודל של סמן ברירת המחדל.
מחליפים את סמל ברירת המחדל של הסמן במשאב SVG בהתאמה אישית.
קביעת גובה הסמן
כדי להגדיר את הגובה של סמן, אפשר להגדיר את הגובה שלו.
הגדרת תגובה של סמנים לאירועי קליקים ומקלדת
כדי שסמן יגיב לקליקים ולאירועי מקלדת, מוסיפים click event
listener.
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
});