Sự kiện nhấp chuột của Google Maps Marker

Question

Tôi muốn điền một bản đồ google với một số điểm đánh dấu. Khi người dùng nhấp vào một điểm đánh dấu, tôi muốn nó gửi người dùng đến một trang web khác được chỉ định cho vị trí đó. (ví dụ: giả sử các điểm đánh dấu đại diện cho ngôi nhà, khi bạn nhấp vào điểm đánh dấu, nó sẽ đưa bạn đến trang có thêm thông tin về nhà)

Cách đơn giản nhất để làm điều này là gì?

Answer 1

Bạn cần đính kèm trình xử lý sự kiện vào từng điểm đánh dấu. Trình xử lý nhấp chuột có thể đặt document.location thành URL của trang bạn muốn truy cập.

var marker = new GMarker(location); 
GEvent.addListener(marker, "click", function() { 
    window.location = theURL; 
}); 
map.addOverlay(marker); 

Vì có thể bạn sẽ thêm điểm đánh dấu trong vòng lặp, bạn sẽ cần đảm bảo mỗi người nhận được URL riêng. Vì các bao đóng giữ các biến thực mà chúng truy cập (không phải các giá trị của chúng), bạn có thể cần phải đặt ít nhất addListener mã trong hàm riêng của nó để tạo phạm vi riêng của nó. vòng lặp của bạn sẽ trông giống như sau:

function createMarker(location, url) { 
    var marker = new GMarker(location); 
    GEvent.addListener(marker, "click", function() { 
     window.location = url; 
    }); 
    return marker; 
} 

// Assuming locations is an array of objects with lat, lng, and url properties 
for (var i = 0; i < locations.length; i++) { 
    var loc = locations[i]; 
    map.addOverlay(createMarker(new GLatLng(loc.lat, loc.lng), loc.url)); 
} 

Answer 2

Tôi tin rằng như của google map v3, GEvent không được công nhận, dưới đây làm việc cho tôi

google.maps.event.addListener(marker, "click", function() { 
    window.location = url; 
});