单击“标记”时获取地址-Google Maps

Question

我需要协助。
我从数据库中加载了一些数据，并将其作为标记显示在Google Maps上。
我的代码：

function DisplayTraficCir(points) {
  for (i=0;i<points.length;i++){
    var myLatLng = new google.maps.LatLng(points[i].latitude,points[i].longitude)
    var marker = new google.maps.Marker({
      position: myLatLng,
      map: map
    });
  }
}

现在，我想在单击Google Maps中的这些标记之一来获取点的信息（纬度/经度）时做一些事情。
请帮忙。 谢谢。

Answer 1

使用google.maps.event.addListener方法：

function DisplayTraficCir(points) {
  for (i=0;i<points.length;i++){
    var myLatLng = new google.maps.LatLng(points[i].latitude,points[i].longitude)
    var marker = new google.maps.Marker({
      position: myLatLng,
      map: map
    });
    google.maps.event.addListener(marker, 'click', function () {
        var lng = points[i].longitue,
            lat = points[i].latitude;
        alert( lat + "-" + lng );
    });
  }
}

演示版

Answer 2

尽管razzak的方法可行，但我想提出一个替代方案：

function DisplayTraficCir( points ) {
    for( var i = 0;  i < points.length;  i++ ) {
        DisplayTraficPoint( points[i] );
    }
}

function DisplayTraficPoint( point ) {
    var myLatLng = new google.maps.LatLng( point.latitude, point.longitude );
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map
    });
    google.maps.event.addListener( marker, 'click', function() {
        alert( point.latitude + "-" + point.longitude );
    });
}

通过简单地将循环体移动到其自身的函数中，现在，每次调用该函数时，代码都会唯一地捕获该函数中的变量。 也就是说， point变量引用了调用它的特定points[i]值。 同样，每次调用此函数时， myLatLng和marker都是唯一的。

这为您提供了一种非常灵活而强大的方法来跟踪您可能与标记关联的任何其他数据：只需将这些数据设置为DisplayTraficPoint()的局部变量即可。

Answer 3

单击标记时只需调用graphAddress（）函数。

function graphAddress(){
    geocoder.geocode({'latLng': marker_wizard.getPosition()}, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                    if (results[0]) {
                            var address = results[0].formatted_address.split(",");
                            var country = address[address.length -1];       
                            var cityname = address[address.length -3];                      
                            var state_zipcode = address[address.length -2].split(" ");
                            var state   = state_zipcode[1];
                            var zipcode = state_zipcode[2];
                            address = address.splice(0,(address.length -3));
                      }
                }
        });
} //graphAddress

注意：marker_wizard是标记的变量名。