如何在Google Map Marker上添加信息圖像？

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); 
        });


    }
}