Sử dụng điểm đánh dấu để thu hút sự chú ý của người dùng đến 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à điểm đánh dấu xuất hiện.
Sử dụng điểm đánh dấu để cho biết vị trí trên bản đồ. Ví dụ ở trên cho thấy một điểm đánh dấu cơ bản, duy nhất mà không có tuỳ chỉnh nào được áp dụng.
Tuỳ chỉnh màu sắc, tỷ lệ và hình ảnh biểu tượng
Tuỳ chỉnh nền, glyph, 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 của điểm đánh dấu bằng cách kéo dài điểm đánh dấu và đặt độ cao.
Khiến các điểm đánh dấu phản hồi sự kiện nhấp và sự kiện bàn phím
Khi thêm trình nghe sự kiện click, hãy làm cho điểm đánh dấu phản hồi các sự kiện nhấp và bàn phím.
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.
// ...
});
}
Đặt hành vi va chạm của điểm đánh dấu
Chỉ định cách một điểm đánh dấu sẽ 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
});