检查标记图像是否有效

Question

我正在动态加载要在Google地图中使用的图片。

我使用以下代码

var markerImage = new google.maps.MarkerImage('../myurl');
var marker = new google.maps.Marker({ position: latlng, map: map, icon: markerImage, title: values[2] });

问题是如果该URL无效，则不会抛出任何错误，也没有例外。此外，我无法检查值（null或任何东西）。

如果网址无效，则图片不会显示。如果有效则会显示。 我在标记上尝试了get.Icon方法，但只显示了

锚：未定义， 来源：未定义， scaledSize：未定义， 尺寸：未定义， url：“../ myurl”

Answer 1

尝试使用您的网址加载图片并在将其传递给onload构造函数之前先收听onerror和google.maps.MarkerImage：

var img = new Image();
img.onload = function () {
    // sweet, let's do this!
}
img.onerror = function () {
    // oops, something went wrong!
}
img.src = 'yoururl/whatever.png';