geoxml3在地標上添加事件

Question

我試圖在地標上添加事件，但收到錯誤「文檔未定義」。當我嘗試提醒地標名稱時，它們工作正常，爲什麼不是事件呢？

var map = new google.maps.Map(document.getElementById("map"), mapOptions); 
var geoXml = new geoXML3.parser({ 
     map: this.map, 
     singleInfoWindow:true, 
        afterParse: this.useTheData 

    }); 

      geoXml.parseKmlString(<my kml string>); 
    google.maps.event.addListener(this.map, "bounds_changed", RefreshMap); 
    google.maps.event.addListener(this.map, "center_changed", RefreshMap); 
    google.maps.event.addListener(this.map, "zoom_changed", RefreshMap); 

}, 
useTheData: function(doc) { 
    for (var i = 0; i < doc[0].placemarks.length; i++) { 
    docs[0].placemarks[i].events.add("click", function() {alert("event!!");}); 
    //alert(docs[0].placemarks[i].name); 
} 
} 

Answer 1

「docs」未定義。本地版本是「doc」。

.placemark是地標的JSON表示，而不是處理點擊事件的Google地圖對象。

它包含對可添加單擊事件偵聽器的Google地圖對象（標記的.placemark.marker）的引用。

var map = new google.maps.Map(document.getElementById("map"), mapOptions); 
var geoXml = new geoXML3.parser({ 
     map: this.map, 
     singleInfoWindow:true, 
        afterParse: this.useTheData 

    }); 

    geoXml.parseKmlString(<my kml string>); 
    google.maps.event.addListener(this.map, "bounds_changed", RefreshMap); 
    google.maps.event.addListener(this.map, "center_changed", RefreshMap); 
    google.maps.event.addListener(this.map, "zoom_changed", RefreshMap); 

}, 
    useTheData: function(doc) { 
    for (var i = 0; i < doc[0].placemarks.length; i++) { 
    google.maps.event.addListener(
     doc[0].placemarks[i].marker, 
     "click", 
     function() {alert("event!!"); 
    }); 
    //alert(docs[0].placemarks[i].name); 
    } 
}