از نشانگرها برای جلب توجه کاربر به مکان روی نقشه استفاده کنید. این راهنما نحوه استفاده و سفارشی کردن نشانگرها را در نقشه های سه بعدی نشان می دهد. شما می توانید شکل، اندازه و رنگ نشانگرها را علاوه بر ارتفاعی که در آن ظاهر می شوند، کنترل کنید.
از نشانگرها برای نشان دادن مکان ها روی نقشه ها استفاده کنید. مثال بالا نشانگر اصلی و تکی را نشان می دهد که هیچ سفارشی سازی اعمال نشده است.
سفارشی کردن رنگ، مقیاس و تصویر نماد
پس‌زمینه، علامت، رنگ حاشیه و اندازه نشانگر پیش‌فرض را سفارشی کنید.
نماد نشانگر پیش فرض را با یک منبع 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
});