Eu sou muito novo em JavaScript e estou aprendendo, então desculpe se isso é simples.

O que eu tenho é um monte de marcadores exibidos no mapa, estes são carregados de uma matriz e exibidos com uma função. O que eu quero fazer é fazer um div específico que esteja relacionado ao marcador que foi clicado. Quando outro marcador é clicado, esse div anterior é fechado e o novo div é aberto.

Isto é o que eu tenho até agora, para ter uma ideia do que estou fazendo.

Eu imagino que eu gostaria de escrever uma função que diga ... "Se 'Marker A' for clicado, abra 'div A' e se 'Marker B' for clicado enquanto 'Marker A' estiver aberto, então feche 'Div A 'e abra' Div B '.

Aqui está o meu 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));
    }



}

E meu 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>