javascript - Google Maps Vollbild-Schaltfläche funktioniert nicht (Nicht-Google Maps App)
Wie unten gezeigt, ist neben dem "+" - Symbol die Vollbild-Schaltfläche.
Wenn Sie darauf klicken, wird der Vollbildmodus nicht angezeigt.
Ich habe versucht, grundlegende jQuery:
%Vor%Das scheint nicht zu funktionieren.
Ich brauche es, um zu funktionieren, wie wir F11 in Browsern drücken, es muss Vollbild auf Handy (nicht die Google Maps App) gehen
Kann mir hier jemand helfen?
4 Antworten
Um einen mobilen Browser im Vollbildmodus sichtbar zu machen, sollten Sie die requestFullscreen() verwenden.
Fügen Sie der Schaltfläche dynamisch einen Ereignis-Listener hinzu, wenn sie als
geladen wird %Vor%Oder
%Vor%Funktioniert für Chrome für Android.
Auch viele Browser für Computer haben diese Fähigkeit.
Lesen Sie mehr auf MDN
Ihre jQuery muss korrigiert werden - Sie haben die Anführungszeichen verpasst, versuchen Sie dies:
%Vor%und außerdem müssen Sie diese CSS für das Bildschirmelement aktualisieren, das Sie die Größe ändern möchten und nicht die Vollbildschaltfläche.
Und ja, Element.requestFullscreen() ist definitiv eine andere Option. MDN
Versuchen Sie es. Ich habe die Höhe separat berechnet, um die Ergebnisse zu erzielen. Getestet in Android-Gerät.
Sie können den Vollbildmodus mit JavaScript ohne jQuery aktivieren.
%Vor%Beachten Sie, dass Sie den Vollbildmodus nur anfordern können, wenn ein Benutzer eine Aktion ausführt (z. B. einen Klick). Sie können den Vollbildmodus nicht ohne Benutzeraktion anfordern 1 (z. B. beim Laden der Seite).
Hier ist eine Cross-Browser-Funktion, um den Vollbildmodus umzuschalten ( als erhalten von der MDN ):
%Vor%Weitere Informationen finden Sie auf der Seite MDN auf Vollbild-APIs .
Wenn Sie ein Plugin benötigen, das Versionen von IE vor IE11 (IE8-10) unterstützt, werfen Sie einen Blick auf jQuery. Vollbild . IE hat dieses Feature nicht nativ unterstützt, bis IE11 .
Tags und Links javascript jquery google-maps fullscreen