Google Maps API v3 dodawanie InfoWindow do każdego znacznika

Możesz użyć this w evencie:

google.maps.event.addListener(marker, 'click', function() {  
    // this = marker
    var marker_map = this.getMap();
    this.info.open(marker_map);
    // this.info.open(marker_map, this);
    // Note: If you call open() without passing a marker, the InfoWindow will use the position specified upon construction through the InfoWindowOptions object literal.
});

Add_marker nadal ma problem z zamknięciem, ponieważ używa zmiennej marker poza google.mapy.wydarzenie.zakres addListener.

Lepszą implementacją byłoby:

function add_marker(racer_id, point, note) {
    var marker = new google.maps.Marker({map: map, position: point, clickable: true});
    marker.note = note;
    google.maps.event.addListener(marker, 'click', function() {
        info_window.content = this.note;
        info_window.open(this.getMap(), this);
    });
    return marker;
}

Użyłem również mapy z markera, w ten sposób nie musisz mijać obiektu google map, prawdopodobnie chcesz użyć mapy, do której należy marker.

Cześć wszystkim. Nie wiem, czy jest to optymalne rozwiązanie, ale pomyślałem, że opublikuję je tutaj, aby pomóc ludziom w przyszłości. Proszę skomentować, jeśli zobaczysz coś, co powinno zostać zmienione.

Moje pętle for to teraz:

for (var i in tracks[racer_id].data.points) {
    values = tracks[racer_id].data.points[i];                
    point = new google.maps.LatLng(values.lat, values.lng);
    if (values.qst) {
        tracks[racer_id].markers[i] = add_marker(racer_id, point, '<b>Speed:</b> ' + values.inst + ' knots<br /><b>Invalid:</b> <input type="button" value="Yes" /> <input type="button" value="No" />');
    }
    track_coordinates.push(point);
    bd.extend(point);
}

I add_marker definiuje się jako:

var info_window = new google.maps.InfoWindow({content: ''});

function add_marker(racer_id, point, note) {
    var marker = new google.maps.Marker({map: map, position: point, clickable: true});
    marker.note = note;
    google.maps.event.addListener(marker, 'click', function() {
        info_window.content = marker.note;
        info_window.open(map, marker);
    });
    return marker;
}

Możesz użyć info_window.close (), aby wyłączyć info_window w dowolnym momencie. Mam nadzieję, że to komuś pomoże.

W przypadku API wtyczek Earth, Utwórz balon poza pętlą i przekaż licznik do funkcji, aby uzyskać unikalną zawartość dla każdego miejsca!

function createBalloon(placemark, i, event) {
            var p = placemark;
            var j = i;
            google.earth.addEventListener(p, 'click', function (event) {
                    // prevent the default balloon from popping up
                    event.preventDefault();
                    var balloon = ge.createHtmlStringBalloon('');
                    balloon.setFeature(event.getTarget());

                    balloon.setContentString('iframePath#' + j);

                    ge.setBalloon(balloon);
            });
        }

W moim przypadku (używając Javascript Insidde Razor) to działało idealnie wewnątrz pętli Foreach

google.maps.event.addListener(marker, 'click', function() {
    marker.info.open(map, this);
});

Spróbuj tego:

for (var i in tracks[racer_id].data.points) {
    values = tracks[racer_id].data.points[i];                
    point = new google.maps.LatLng(values.lat, values.lng);
    if (values.qst) {
        var marker = new google.maps.Marker({map: map, position: point, clickable: true});
        tracks[racer_id].markers[i] = marker;
        var info = new google.maps.InfoWindow({
            content: '<b>Speed:</b> ' + values.inst + ' knots'
        });
        tracks[racer_id].info[i] = info;
        google.maps.event.addListener(tracks[racer_id].markers[i], 'click', function() {
            tracks[racer_id].info[i].open(map, tracks[racer_id].markers[i]);
        });
    }
    track_coordinates.push(point);
    bd.extend(point);
}

Miałem bardzo podobny problem ale w ActionScript 3: stos nad przepływem: dynamiczne okno informacyjne API Google Maps problem z zawartością HTML

Próbowałem wyciągnąć unikalne informacje do htmlcontent podpowiedzi z bazy danych i okazało się, że otrzymuję informacje o ostatnim znaczniku, który dodałem w każdym znaczniku.

Zakładając, że nie jest to problem specyficzny dla actionscriptu, rozwiązanie Jochenjunga nie zadziała. Spójrz na rozwiązanie, które zamieściłem w moim problemie i zobacz, czy można go zastosować tutaj. Wydaje się, że jest to poważny problem z API Map.

Jedynym sposobem, w jaki mogłem to w końcu uruchomić, było stworzenie tablicy w JavaScript. Elementy tablicy odnoszą się do różnych okien informacyjnych (dla każdego znacznika na mapie jest tworzone jedno okno informacyjne). Każdy element tablicy zawiera unikalny tekst dla odpowiedniego znacznika mapy. Zdefiniowałem Zdarzenie JavaScript dla każdego okna info na podstawie elementu array. A gdy zdarzenie zostanie wywołane, użyję słowa kluczowego "this", aby odwołać się do elementu tablicy, aby odnieść się do odpowiedniej wartości wyświetlacz.

var map = new google.maps.Map(document.getElementById('map-div'), mapOptions);
zipcircle = [];
for (var zip in zipmap) {
    var circleoptions = {
        strokeOpacity: 0.8,
        strokeWeight: 1,
        fillOpacity: 0.35,
        map: map,
        center: zipmap[zip].center,
        radius: 100
    };
    zipcircle[zipmap[zip].zipkey] = new google.maps.Circle(circleoptions);
    zipcircle[zipmap[zip].zipkey].infowindowtext = zipmap[zip].popuptext;
    zipcircle[zipmap[zip].zipkey].infowindow = new google.maps.InfoWindow();
    google.maps.event.addListener(zipcircle[zipmap[zip].zipkey], 'click', function() {
        this.infowindow.setContent(this.infowindowtext);
        this.infowindow.open(map, this);
    });
}

Miałem podobny problem. Jeśli wszystko, co chcesz, to jakieś informacje, które mają być wyświetlane po najechaniu kursorem na znacznik, zamiast klikać go, a następnie okazało się, że dobrą alternatywą dla korzystania z okna informacji było ustawienie tytułu na znaczniku. W ten sposób za każdym razem, gdy najedziesz kursorem myszy na znacznik, tytuł będzie wyświetlany jak znacznik ALT. marker.setTitle ('Marker'+id);" Usuwa też potrzebę tworzenia słuchacza dla znacznika