Hacer un marcador de Google Maps muestra un div específico cuando se hace clic

Soy bastante nuevo en javascript y estoy aprendiendo sobre la marcha, lo siento si esto es simple.

Lo que tengo es un montón de marcadores que se muestran en el mapa, estos se cargan desde una matriz y se muestran con una función. Lo que quiero hacer es hacer una ventana emergente específica relacionada con el marcador en el que se hizo clic. Cuando se hace clic en otro marcador, ese div anterior se cierra y el nuevo div se abre.

Esto es lo que tengo hasta ahora., para tener una idea de lo que estoy haciendo.

Imagino que me gustaría escribir una función que diga ... "Si se hace clic en 'Marcador A', abra 'div A' y si se hace clic en 'Marcador B' mientras 'Marcador A' está abierto, luego cierre 'Div A 'y abre' Div B '.

Aquí está mi javascript.

 var markers = [
['Saving Grace', 43.652659,-79.412284],
['Starving Artist', 43.660281,-79.443570]
];

  // Standard google maps function
    function initialize() {
    var myLatlng = new google.maps.LatLng(43.655826,-79.383116);
    var image = 'http://www.brunchtoronto.com/images/marker-blue.png';
    var myOptions = {
        zoom: 13,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);


    // Current Toggle function which displays Feature Box when marker is clicked
    function opendiv() {
        var ele = document.getElementById("div-feature");
                    ele.style.display = "block";                            
            } 


    var infowindow = new google.maps.InfoWindow();
    var marker, i;


    for (i = 0; i < markers.length; i++) {  
    marker = new google.maps.Marker({
    position: new google.maps.LatLng(markers[i][1], markers[i][2]),
    map: map,
    icon: image
    });


    google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
            map.panTo(marker.getPosition());
            infowindow.setContent(markers[i][0]);
            infowindow.open(map, marker);
            opendiv();
            }   
        })(marker, i));
    }



}

Y mi HTML

<!-- Featued Window -->

    <div class="featured_window" id="div-feature" style="display: none">

                Stuff to display

    </div>

<!-- Saving Grace -->

    <div class="featured_window" id="div-sg" style="display: none">

        Stuff to display

    </div>

Respuestas a la pregunta(1)

Su respuesta a la pregunta