javascript - 检查标记图像是否有效

Question

我正在动态加载要在谷歌地图中使用的图像。

我用下面的代码这样做

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

尝试使用您的 url 加载图像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';