Menu

Ajouter un infowindow sur un Markerclusterer

darkclank 200 Messages postés vendredi 18 mai 2012Date d'inscription 9 février 2018 Dernière intervention - 9 févr. 2018 à 16:47
Bonjour,

J'effectue actuellement un petit site perso qui va afficher sur un google map différents points à l'endroit où je prends mes photos (les coordonnées GPS sont dans une BDD avec la ville et le pays).

Lorsqu'il y a plusieurs photos aux même coordonnées il y a un markerClusterer, j'ai également bloqué le maxzoom afin que ça soit juste les markerclusterer d'affiché et non des marker?.

Je voudrais ajouter sur mes cluster des infowindow afin d'afficher des miniatures d'images et un lien pour accéder à toutes les images correspondant à ces coordonnées. Est-il possible de faire ca ? et si oui comment ? je n'arrive pas à trouver sur le net (ou ptete que je cherche mal :euh:)
Peut être qu'il y a d'autre alternative à ce que je cherche.

Voici mon code actuel :
function initMap() {
    var map = new google.maps.Map(document.getElementById('map'),{
        'zoom': 3,
        'zoomControl': false,
        'minZoom': 3,
        'maxZoom': 16,
        'center': {lat: 49.4167, lng: 1.3667}
 
    });
    var placeMarkerList = {};
 
    for (var i = 0; i < data.length; i++) {
        var place = data[i];
 
        var latLng = new google.maps.LatLng(place.lat, place.lng);
 
        if (!placeMarkerList.hasOwnProperty(place.country)) {
            placeMarkerList[place.country] = [];
        }
 
 
        var marker = new google.maps.Marker({
            position: latLng
        });
        placeMarkerList[place.country].push(marker);
 
    }
    for (var country in placeMarkerList) {
        if (placeMarkerList.hasOwnProperty(country)) {
            var markerCluster = new MarkerClusterer(map, placeMarkerList[country], {
                imagePath: 'https://googlemaps.github.io/js-marker-clusterer/images/m'
            });
 
        }
    }
}


Merci de votre aide :)
Afficher la suite