l'api google maps infobox plugin et de multiples marqueurs

Comment puis-je créer plusieurs marqueurs avec un contenu différent lors de l'utilisation de l'infobox plugin http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/infobox-basic.html

J'ai été la création d'var marker1, var marker2, etc, mais je pense que ce n'est pas vraiment agréable de méthode et j'ai le même contenu dans tous les infowindows...

OriginalL'auteur gordonek | 2011-09-05

  1. 16

    Vous avez juste besoin de générer des marqueurs avec une usine en quelque sorte, de l'e.g:

    function initMarkers(map, markerData) {
    var newMarkers = []

    //Here's where all the really verbose code goes. Loop through `markerData` to
    //create each marker.  See the full code in the js fiddle

    return newMarkers;
}

function initialize_google_map() {
    //Here the call to initMarkers() is made with the necessary data for each marker.
    //All markers are then returned as an array into the markers variable, Usually you'd 
    //get the data from server or something, here it's just shown inline.

    var markers = initMarkers(map, [
        { latLng: new google.maps.LatLng(49.47216, -123.76307), address: "Address 1", state: "State 1" },
        { latLng: new google.maps.LatLng(49.47420, -123.75703), address: "Address 2", state: "State 2" },
        { latLng: new google.maps.LatLng(49.47530, -123.78040), address: "Address 3", state: "State 3" }
    ]);
}

    Découvrez la totalité de l'exemple avec le HTML et autres joyeusetés dans ce jsfiddle.

    OriginalL'auteur DonVaughn

  2. 3

    Pour les infobox de bascule onclick remplacer : 

    google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
        newMarkers[i].infobox.open(theMap, this);
        theMap.panTo(markerData[i].latLng);
    }
})(marker, i));

    Par :

    google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
        for ( h = 0; h < newMarkers.length; h++ ) {
            newMarkers[h].infobox.close();
        }
        newMarkers[i].infobox.open(theMap, this);
        theMap.panTo(markerData[i].latLng);
    }
})(marker, i));

    OriginalL'auteur skull

  3. 0

    @DonamiteIsTnt votre exemple est vraiment utile, mais markerData[je] n'ont pas de propriété latLng je pense que l'utilisation markerData[i].position. Il a travaillé pour moi.

    OriginalL'auteur user2501037