Sử dụng điểm đánh dấu để thu hút sự chú ý của người dùng vào một vị trí trên bản đồ. Hướng dẫn này minh hoạ cách sử dụng và tuỳ chỉnh điểm đánh dấu trong bản đồ 3D. Bạn có thể kiểm soát hình dạng, kích thước và màu sắc của điểm đánh dấu, ngoài cao độ mà chúng xuất hiện.
Sử dụng điểm đánh dấu để hiển thị vị trí trên bản đồ. Ví dụ ở trên cho thấy một điểm đánh dấu đơn lẻ, cơ bản không áp dụng tuỳ chỉnh.
Tuỳ chỉnh màu sắc, tỷ lệ và hình ảnh biểu tượng
Tuỳ chỉnh nền, ký tự, màu đường viền và kích thước của điểm đánh dấu mặc định.
Thay thế biểu tượng điểm đánh dấu mặc định bằng một tài nguyên SVG tuỳ chỉnh.
Đặt độ cao của điểm đánh dấu
Bạn có thể đặt độ cao cho điểm đánh dấu bằng cách kéo điểm đánh dấu và đặt cao độ.
Làm cho điểm đánh dấu phản hồi các sự kiện nhấp chuột và bàn phím
Tạo một điểm đánh dấu phản hồi các sự kiện nhấp và bàn phím bằng cách thêm một trình nghe sự kiện 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.
// ...
});
}
Thiết lập hành vi va chạm của điểm đánh dấu
Chỉ định cách một điểm đánh dấu hoạt động khi va chạm với một điểm đánh dấu hoặc nhãn bản đồ khác.
const marker = new Marker3DElement({
position: {lat, lng},
collisionBehavior: google.maps.CollisionBehavior.REQUIRED
});