API bản đồ Google V3: Cách thêm dữ liệu tùy chỉnh vào các điểm đánh dấu

Question

Có cách nào để tôi có thể thêm một số thông tin tùy chỉnh vào các điểm đánh dấu của mình để sử dụng sau này không. Có nhiều cách để có một cửa sổ thông tin và một tiêu đề, nhưng nếu tôi muốn kết hợp điểm đánh dấu với các thông tin khác.

Tôi có các nội dung khác đang được hiển thị trên trang phụ thuộc vào điểm đánh dấu để khi điểm đánh dấu nhấp vào nội dung trên trang phải thay đổi tùy thuộc vào điểm đánh dấu nào được nhấp. Tôi muốn lưu trữ và truy xuất dữ liệu tùy chỉnh một lần marker được phép nói nhấp, vv

Cảm ơn

Answer 1

Khi Google Marker là đối tượng JavaScript, bạn có thể thêm thông tin tùy chỉnh vào biểu mẫu key: value, trong đó khóa là chuỗi hợp lệ. Chúng được gọi là thuộc tính đối tượng và có thể được tiếp cận theo nhiều cách khác nhau. Giá trị có thể là bất kỳ điều gì hợp pháp, đơn giản như số hoặc chuỗi và cũng có chức năng hoặc thậm chí là các đối tượng khác. Ba cách đơn giản: trong tờ khai, ký hiệu dấu chấm và dấu ngoặc vuông

var markerA = new google.maps.Marker({ 
    map: map, 
    position: new google.maps.LatLng(0, 0), 
    customInfo: "Marker A" 
}); 

var markerB = new google.maps.Marker({ 
    map: map, 
    position: new google.maps.LatLng(-10, 0) 
}); 
markerB.customInfo = "Marker B"; 

var markerC = new google.maps.Marker({ 
    map: map, 
    position: new google.maps.LatLng(-20, 0) 
}); 
markerC['customInfo'] = "Marker C"; 

Sau đó, để lấy nó một cách tương tự:

google.maps.event.addListener(markerA, 'click', function() { 
    alert(this.customInfo); 
}); 

Answer 2

bạn có thể thêm các thuộc tính tùy chỉnh của riêng bạn để đánh dấu (chỉ cần cẩn thận không để xung đột với các thuộc tính của API).