javascript - 页面重新加载后，Javascript仅访问对象属性

我的代码有一个很奇怪的问题。我正在使用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);
}

最佳答案

这是由于geoxml3的polys和kmz分支之间的差异之一。

geoxml3的kmz分支具有用于图标的img onload事件处理程序，这些图标可能导致它们在解析操作完成后的某个时间不可用。它可以使图标大小更好地工作，但是会导致出现类似afterParse函数中所示的问题。

关于javascript - 页面重新加载后，Javascript仅访问对象属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36957445/