Ich habe das Internet hoch und niedrig durchsucht und war nicht in der Lage, ein Tutorial oder ein Beispiel für die Verwendung von jQuery zu finden, um eine InfoBox / InfoWindow in Google Maps zu verblassen, nicht den Inhalt der eigentlichen Box / des Fensters. Hier ist mein Code, ich bin mir nicht sicher, was ich falsch mache, aber etwas scheint auch nicht richtig zu sein.
%Vor%Es ist tatsächlich möglich, die Infobox zu verblassen, Sie müssen die Zeichenfunktion in der Datei infobox.js wie folgt überschreiben
%Vor%Wenn Sie die Zeichenmethode überschreiben und die Einblendung anwenden, wird die Animation auch dann abgespielt, wenn Sie in der Karte herumfahren oder hinein- oder herauszoomen. Wenn dies nicht passieren soll, können Sie die Einblendung anwenden die domready-handler-Methode. In diesem Fall wird der Einblendeffekt nur auftreten, wenn Sie das Infofenster geöffnet haben.
%Vor%;
Der fadeOut-Effekt kann durch Hinzufügen von class und setTimeout erreicht werden. Lassen Sie mich erklären.
Zum Beispiel:
%Vor%wenn Sie eine CSS-Klasse hinzufügen und nach dem Ende des CSS-Übergangs die InfoBox schließen
und CSS (sass) (.infoBox ist reservierte Klasse)
%Vor%Ich glaube nicht, dass dies möglich ist, weil Google keine Animationsoption anbietet.
Der Versuch, das Dom-Element zu erhalten, funktioniert auch nicht. Die ib-Variable ist eine google.maps.InfoWindow-Klasse, kein DOM-Element. Da es keine öffentliche Schnittstelle gibt, um das DOM-Element für das Info-Fenster zu erhalten, können Sie nicht auf dieses selbst zugreifen.
Wenn Sie console.log(ib.get("id")) verwenden, sehen Sie, dass die ID nicht definiert ist.
Tags und Links jquery google-maps infowindow fade openinfowindowhtml