Wie slippy Karten arbeiten?

Question

Slippy Karten sind Web-Widgets, die den Benutzer Pfanne um eine zweidimensionale Ebene ermöglichen durch Greifen und Ziehen. Diese Steuerung wurde populär durch Google Maps gemacht und kann auf viele moderne Mapping-Systeme heute zu sehen. Es ist offensichtlich, wie Sie sie sehen laden, dass sie tatsächlich ein Raster von Bildern sind, die nach Bedarf, wenn der Benutzer Pfannen geladen werden. Meine Frage ist; wie sind diese Bilder ausgerichtet sind, bewegt und dynamisch in HTML / JS / CSS geladen? Sind sie divs mit Hintergrundbildern? Sind sie geladen in eine übergeordnete Div mit Überlauf: versteckt? Welche Strategien nutzen, um sie aus zu halten Speichern, wenn die Benutzer Pfannen undichten herum. Gibt es irgendwelche Drittanbieter-Bibliotheken, die es einfacher machen, sie zu bauen. Ich bin nicht daran interessiert, geografische Karte persay, nur die Schnittstelle, die häufig verwendet wird, um sie anzuzeigen. Dank!

Answer 1

Normalerweise wird ein Raster von Bildelementen sind um bewegt, und wie einige das Ende des Betrachters losfahren und sich versteckte sie auf der gegenüberliegenden Seite des Gitters bewegt und die src Attribute geändert auf den neuen Kartenkachel zeigen.

Alle diese, wie Sie sagen, wird in ein übergeordnetes Element mit Überlauf geladen werden: hidden;

In Bezug auf die Beispiele, die Sie auf der Open-Source-Open Layers Umsetzung aussehen kann:

http://openlayers.org/