Sử dụng điểm đánh dấu để hiển thị các vị trí riêng lẻ trên bản đồ. Hướng dẫn này chỉ cho bạn cách
hãy sử dụng điểm đánh dấu nâng cao. Bằng
điểm đánh dấu nâng cao mà bạn có thể tạo và tuỳ chỉnh
điểm đánh dấu hiệu suất và tạo các điểm đánh dấu có thể truy cập để phản hồi các sự kiện nhấp chuột DOM
và phương thức nhập bằng bàn phím. Để tuỳ chỉnh sâu hơn nữa,
điểm đánh dấu nâng cao hỗ trợ sử dụng HTML và CSS tuỳ chỉnh,
bao gồm cả khả năng tạo các điểm đánh dấu hoàn toàn tuỳ chỉnh. Dành cho các ứng dụng 3D
bạn có thể kiểm soát cao độ mà điểm đánh dấu xuất hiện.
Các điểm đánh dấu nâng cao được hỗ trợ trên cả bản đồ đường quét và bản đồ vectơ (mặc dù một số tính năng không có sẵn trên bản đồ đường quét).
Bạn phải có mã bản đồ để sử dụng Điểm đánh dấu nâng cao (bạn có thể sử dụng DEMO_MAP_ID).
Bắt đầu sử dụng điểm đánh dấu nâng cao
Tuỳ chỉnh màu sắc, tỷ lệ và hình ảnh biểu tượng
Tuỳ chỉnh nền, ký tự và đường viền của điểm đánh dấu mặc định và điều chỉnh kích thước điểm đánh dấu.
Thay thế biểu tượng điểm đánh dấu mặc định bằng hình ảnh SVG hoặc PNG tuỳ chỉnh.
Tạo dấu đánh dấu HTML tùy chỉnh
Sử dụng HTML và CSS tùy chỉnh để tạo sự khác biệt về mặt hình ảnh các điểm đánh dấu tương tác và tạo hoạt ảnh.
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 điểm đánh dấu phản hồi các sự kiện nhấp chuột 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 google.maps.Map(document.getElementById('map'), {
center: {lat: 37.4239163, lng: -122.0947209},
zoom: 17,
mapId: 'DEMO_MAP_ID',
});
const marker = new google.maps.marker.AdvancedMarkerElement({
map,
position: {lat: 37.4239163, lng: -122.0947209},
});
marker.addListener('click', ({domEvent, latLng}) => {
const {target} = domEvent;
// Handle the click event.
// ...
});
}
Thiết lập độ cao của điểm đánh dấu và trạng thái va chạm
Đặt cao độ cho điểm đánh dấu để làm cho điểm đánh dấu hiển thị chính xác với Các phần tử bản đồ 3D và chỉ định cách đ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. Độ cao của điểm đánh dấu chỉ được hỗ trợ trên bản đồ vectơ.
