Wie lasse ich Google Maps die Ansicht des Nutzers behalten (Zoomstufe und Mittelpunkt) nach einer HTTP-Aktualisierung?
Im Moment wird die Ansicht nach jeder Aktualisierung zurückgesetzt. Kann ich den Code optimieren? unten, um "Zoom: aktuelle Zoomstufe" und "Mitte: aktuelle Mitte" zu sagen Standort "irgendwie?
%Vor%Ich habe einige andere Möglichkeiten gefunden, dies zu tun Ссылка , aber sie sind alle wesentlich härter.
Sie müssten diese Daten in einem Cookie speichern und dann aus dem Cookie lesen, um die Werte abzurufen, oder Standardwerte verwenden, wenn der Cookie nicht existiert. Haben Sie einen Ereignis-Listener auf zoom_changed
und verwenden Sie map.getZoom()
, und speichern Sie dann die Zoomstufe auf den Cookie. Verfügen Sie ebenfalls über einen Ereignis-Listener auf center_changed
und verwenden Sie map.getCenter()
, um die Koordinaten des Mittelpunkts im Cookie zu speichern. Oder möglicherweise könnten sie beide in bounds_changed
einpacken.
Ich wollte keine Cookies verwenden, daher habe ich eine andere Methode mit localStorage erstellt.
HTML
%Vor%JS
%Vor%Link zu JSFiddle: Ссылка
Bewegen Sie sich einfach durch die Karte, indem Sie herauszoomen, da sie in der Mitte des Ozeans beginnt, und drücken Sie dann erneut die Taste oder aktualisieren Sie die Seite und Sie sehen, dass sie sich die Position und den Zoom merkt.
Es speichert jedes Mal, wenn der Benutzer den Bildschirm schwenkt oder zoomt, nach localStorage dank der Ereignismeldungen "center_changed"
und "zoom_changed"
Tags und Links google-maps