Googleマップマーカーに情報画像を追加するにはどうすればよいですか？

Question

アプリに情報ウィンドウを追加する際に問題があります。私の目標は、マーカーごとに特定の写真を追加することです。

私はGoogle Maps JavaScriptからコードをコピーしましたが、少し失われています。

以下のコードがあります。

var neighborhoods = [ 
 
    {lat: 52.511, lng: 13.447}, 
 
    {lat: 52.549, lng: 13.422}, 
 
    {lat: 52.497, lng: 13.396}, 
 
    {lat: 52.517, lng: 13.394} 
 
]; 
 

 
var markers = []; 
 
var map; 
 

 
function initMap() { 
 
    map = new google.maps.Map(document.getElementById('map'), { 
 
    zoom: 12, 
 
    center: {lat: 52.520, lng: 13.410} 
 
    }); 
 
} 
 

 
function drop() { 
 
    clearMarkers(); 
 
    for (var i = 0; i < neighborhoods.length; i++) { 
 
    addMarkerWithTimeout(neighborhoods[i], i * 200); 
 
    } 
 
} 
 

 
function addMarkerWithTimeout(position, timeout) { 
 
    window.setTimeout(function() { 
 
    markers.push(new google.maps.Marker({ 
 
     position: position, 
 
     map: map, 
 
     animation: google.maps.Animation.DROP 
 
    })); 
 
    }, timeout); 
 
} 
 

 
function clearMarkers() { 
 
    for (var i = 0; i < markers.length; i++) { 
 
    markers[i].setMap(null); 
 
    } 
 
    markers = []; 
 
}

Answer 1

function drawMarker(image,title,latlng) 
{ 
    var marker = new google.maps.Marker({position: latlng,map: map,title:title,icon:image}); 
    array.push(marker); 

    showHideInfoWindow(marker,infowindow, id); 
} 

function showHideInfoWindow(overlay,infowindow, id) 
{ 
    if(overlay instanceof google.maps.Marker) 
    { 
     google.maps.event.addListener(overlay, 'click', function() { 
      infowindow.close(); infowindow.open(map,overlay); 
     }); 


    } 
}