Google Maps API v3 resize-Ereignis

Verwendung von Google Maps API v3. Als pro Google-Dokumentation, wenn die Karte Containergröße geändert wird programmgesteuert der Karte resize-Ereignis muss manuell ausgelöst werden.

Resize-Ereignis: Entwickler löst dieses Ereignis auf der Karte an, wenn die div-Größe ändert.

Also bin ich mit:

google.maps.event.trigger(map, 'resize');

Dem Hörer soll ich mich mit aktualisieren meine Marker basierend auf den neuen Begrenzungen des in der Größe geänderten map-container?

google.maps.event.addListener(map, 'resize', function() {

    console.log(map.getBounds());
});

Oben zeigt noch die Grenzen vor der Größenänderung.

InformationsquelleAutor MrUpsidown | 2012-08-19

  1. 15

    Wann wird die map geändert, die Grenzen werden chage. Daher können Sie die bounds_changed Veranstaltung:

    google.maps.event.addListener(map, 'bounds_changed', function() {
    var bounds = map.getBounds();
});

    Es hat die folgende Beschreibung:

    Dieses Ereignis wird ausgelöst, wenn die viewport-Grenzen haben sich geändert.

    Wenn Sie nur wollen, das Ereignis wird aufgerufen, nachdem die Karte in der Größe geändert wird, können Sie eine Boolesche variable verwenden, um zu überwachen, ob die Karte gerade geändert wurde, etwa so:

    var mapResized = false;

    Dann, wenn Sie Sie auslösen, die resize - Funktion, können Sie die mapResized variable true. Sie können dies über eine Funktion:

    function resizeMap(map) {
    google.maps.event.trigger(map, 'resize');
    mapResized = true;
}

    Dann, in der bounds_changed Ereignis, Sie kann nur reagieren zu nennen, wenn mapResized ist wahr, und legen Sie anschließend mapResized zu false:

    google.maps.event.addListener(map, 'bounds_changed', function() {
    if (mapResized) {
        //react here
    }
    mapResized = false;
}
    Ja, ich weiß, die bounds_changed Ereignis, aber das entspricht nicht meinen Bedürfnissen, da bounds_changed ist auch als nach ein ziehen oder zoom ändern. Ich möchte in der Lage sein, etwas zu tun, nur wenn ich den trigger, dass bestimmte resize-Ereignis.
    Lies mein edit. Funktioniert das für Sie?
    Interessante Lösung. Die "Leerlauf" - event gefeuert, nachdem beide eine zoom ändern, ein ziehen und ein resize-Ereignis? In dem Fall, die ich tun könnte alles, was auf der gleichen Stelle?
    Ich denke, die "idle" - Ereignis wird ausgelöst, nachdem das ziehen und Zoomen, aber nicht nach der Größenänderung.
    Die Prüfung, die jetzt...

    InformationsquelleAutor jeff

  2. 3

    Wenn Sie wissen wollen, wenn sich die Grenzen ändern, müssen Sie Listener für das "bounds_changed" event

    google.maps.event.addListener(map, 'bounds_changed', function() {
    console.log(map.getBounds());
});

    Wenn Sie möchten, dass nur die ersten Grenzen geändert-Ereignis, nachdem man löst das resize-Ereignis, die Sie verwenden können:

    google.maps.event.addListenerOnce(map, 'bounds_changed', function() {
    console.log(map.getBounds());
});

    rechts, bevor Sie Sie auslösen, das resize-Ereignis.

    Gleiche Antwort hier.

    InformationsquelleAutor geocodezip

  3. 1

    Auf Angular.js und IONISCHEN ich gelöst, indem insering dieser code nach dem **

    declaration of var map = new google..... :
google.maps.event.addListenerOnce(map, 'bounds_changed', function () {
   google.maps.event.trigger(map, 'resize');
   var bounds = map.getBounds();
});

    InformationsquelleAutor Tarik Hdd

Schreibe einen Kommentar