我使用的技术是计算我在google地图中添加了多少功能,然后读取DOM,看看它们是否都出现了。
您首先需要检查DOM以找到元素和一些特性,这些元素和特性是您的特性所独有的。在我的例子中,它们是带有自定义图标的标记,因此我可以使用src标记:
<img alt="" src="images/colour008s.png" draggable="false" style="position: absolute; left: 0px; top: 0px; user-select: none; border: 0px; padding: 0px; margin: 0px; max-width: none; width: 22px; height: 34px;">
加载JSON之后,我设置了一个时间间隔来查看它们是否出现,并且至少有我期望的数量:
timerId = setInterval(function () {
var points = document.querySelectorAll('img[src="images/colour008s.png"]');
if (points.length >= totalPoints) {
clearTimeout(timerId);
console.log("All points loaded");
}
}, 250);
到目前为止效果还不错。