Google Maps API v3:InfoWindow位置不正确

时间:2011-07-07 21:04:46

标签: javascript google-maps google-maps-api-3

我希望每次单击标记时都会在特定标记上打开infoWindow。但每次它都保持在最后一次的相同位置。这是我的代码

var infowindow = new google.maps.InfoWindow(
    { 
        size: new google.maps.Size(150,20)
    });
    var markersArray = [];
    var countMarker = 0;


    function initialize() {       
        geocoder = new google.maps.Geocoder();
        var myLocation = new google.maps.LatLng(52.13206069538749, -106.63635849952698);
        var mapOptions = {
            zoom: 12,
            center: myLocation,
            mapTypeControl: true,
            navigationControl: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map =  new google.maps.Map(document.getElementById("mapCanvas"), mapOptions); 
        google.maps.event.addListener(map, 'click', function(event) {

             addMarker(event.latLng);
             infowindow.setPosition(marker.getPosition());
             infowindow.setContent(event.latLng.toString());

             infowindow.open(map,marker);

             // showing latitude and longitude in infowindow


             if (flag == 1){
                document.getElementById("latbox").value=event.latLng.lat();  
                document.getElementById("lngbox").value=event.latLng.lng();
                flag++;
             }
             else{
                var current_lat = event.latLng.lat().toString();
                var current_lng = event.latLng.lng().toString();
                insRow(current_lat, current_lng, marker.id);
             }
             google.maps.event.addListener(marker, 'click', function() {
                // addMarker(event.latLng);
               // infowindow.setPosition(event.latLng);
               infowindow.setPosition(marker.getPosition());
                infowindow.setContent(event.latLng.toString());
                //infowindow.open(map,event.latLng);
             });
        });
        //document.write("3");
        google.maps.event.trigger(marker, 'click');       
    }    
function addMarker(location) {
        countMarker++;
        marker = new google.maps.Marker({
            position: location,
            map: map,
            id: countMarker
        });
        markersArray.push(marker);            
        //alert(marker.id); 
    }

有人可以帮我这方面吗?

1 个答案:

答案 0 :(得分:4)

试试这个:

            google.maps.event.addListener(marker, "click", function (event) {
                infoWindow.setContent(this.position);
                infoWindow.open(map, this);
               });

另外,我没有在代码中看到您正在定义变量标记。

您可能希望将更改addMarker(event.latLng);添加到

var marker = addMarker(event.latLng); 

并更改函数以返回标记对象:

function addMarker(location) { 
   countMarker++;
   var marker = new google.maps.Marker({
                position: location,                    
                map: map,                     
                id: countMarker                
        }); 

   markersArray.push(marker);                           
   return marker;
}