如何在事件侦听器中使用局部变量？

Question

My problem is with using the Google Maps API, but I'm pretty certain it is a general JavaScript problem.

I have a local array of objects defining a series of markers. Processing these objects is no problem. But I want to use one of the values in an event handler I create, and the value is always "undefined" by the time that event handler is called. (Which is logical, since the value was part of a local array, but I don't know how I can solve this.)

The code:

var markers = [
   { lat: 58, lng: 07, title: 'Marker 01', url: 'article.aspx' },
   .... /* etc */
]
for (var idx in markers) {
  var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng( markers[idx].lat, markers[idx].lng ), 
    title: markers[idx].title,
    map: map
  });
  google.maps.event.addListener( marker, 'click', function() {
    window.location.href = markers[idx].url;
  });
}

When I click on one of the markers in the final map (ie. trigger the 'click' listener), I am redirected to a page called 'undefined', because the 'url' attribute no longer has a value. How do I fix this?

Answer 1

也许您可以将 url 传递给调用 addListener 的函数