javascript - 点击标记时获取地址 - 谷歌地图

Question

我需要帮助。
我从数据库中加载了一些点并将它们作为标记显示在谷歌地图上。
我的代码：

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 地图中的这些标记之一来做一些事情时，我想获取点的信息（纬度/经度）。
任何帮助，请。谢谢。

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 是标记的变量名。