我的代码有一个非常奇怪的问题。我正在使用 geoxml3 解析一个 kml 文件,它解析了所有折线,但是当它到达标记时,控制台说它是undefined
. 奇怪的是,每次我重新加载页面时,它都可以正常工作,但是每次我在新标签中打开时,它都会再次中断。更奇怪的是,当我console.log
在条件之前放置一个右侧以检查它是折线还是标记时,浏览器的控制台会显示有一个marker
属性。
这是 geoxml3 需要的我的 useTheData 函数:
function useTheData(doc){
console.log("Starts Parse");
console.log(doc[0].placemarks.length);
for (var i = 0; i < doc[0].placemarks.length; i++){
console.log("i: "+i+", placemark:");
console.log(doc[0].placemarks[i]); //here the .marker property exists in the console
console.log(".marker:");
console.log(doc[0].placemarks[i].marker); //here it says it's undefined!
if(doc[0].placemarks[i].polyline){ //check if it's a polyline
google.maps.event.addListener(doc[0].placemarks[i].polyline, 'click', select_option);
}
else{
console.log("### i = "+i);
console.log("1");
console.log(doc[0].placemarks[i].marker); //here, the exact same object, doesn't have the marker property!
console.log("2");
google.maps.event.addListener(doc[0].placemarks[i].marker, 'click', select_option); //Because of that, the first time the page loads, it get's stuck in the function cuz it can't access the .marker
console.log("3");
doc[0].placemarks[i].marker.setIcon({
url: "img/bola.png",
scaledSize: new google.maps.Size(10, 10),
anchor: new google.maps.Point(5, 5)
});
console.log("4");
}
}
console.log("End Parse");
google.maps.event.addListener(map, 'click', select_option);
}