Googleマップマーカー画像を検出する方法は、代わりにデフォルト画像を提供するために読み込まれませんでしたか？

Question

Google Maps API（簡略化のために切り捨てられています）のサンプルコードに続いて、マーカイメージの読み込みに失敗し、代わりに別の/デフォルトイメージを使用する方法を確認できますか？

var image = { 
    url: 'https://broken.url.com/no-such-image.png', 
    size: new google.maps.Size(20, 32), 
    origin: new google.maps.Point(0, 0), 
    anchor: new google.maps.Point(0, 32) 
}; 

var marker = new google.maps.Marker({ 
    position: {lat: -33.890542, lng: 151.274856}, 
    map: map, 
    icon: image, 
    title: 'Marker demo', 
    zIndex: 1 
}); 

Answer 1

画像を読み込むためにjavascriptを使用できます。ただし、動作するはず

var image = new Image(); 
var image_url = "https://broken.url.com/no-such-image.png"; 
image.onload = function() { 
    console.info("Image loaded, adding marker with image !"); 
    var marker = new google.maps.Marker({ 
     position: {lat: -33.890542, lng: 151.274856}, 
     map: map, 
     icon: { 
      url: image_url, 
      size: new google.maps.Size(20, 32), 
      origin: new google.maps.Point(0, 0), 
      anchor: new google.maps.Point(0, 32) 
     }, 
     title: 'Marker demo', 
     zIndex: 1 
    }); 
} 
image.onerror = function() { 
    console.error("Cannot load image, adding marker without image"); 
    var marker = new google.maps.Marker({ 
     position: {lat: -33.890542, lng: 151.274856}, 
     map: map, 
     title: 'Marker demo', 
     zIndex: 1 
    }); 
} 
image.src = image_url;