Kachel scrollen/preload (Google Maps style) von HTML-Ebenen mit Ajax

Question

Ich bin auf der Suche nach dem Schwenken (nicht unbedingt der Zoom-Effekt) der Google Maps API, aber ohne die Bilder. Im Wesentlichen möchte ich HTML-Elemente in einem großen Koordinatensystem positionieren und in der Lage sein, um sie zu navigieren, Prezi Stil (obwohl ohne die Rotation).

Vorzugsweise möchte ich die Elemente dynamisch über jQuery/AJAX laden, aber wenn ich alles anfänglich laden muss, werde ich.

Irgendwelche Bibliotheken, die mir erlauben, dies zu tun? Ich könnte das Ding einfach selbst codieren, aber ich kann mir nicht vorstellen, dass bisher noch niemand an etwas Ähnliches gedacht hat.

Kann dies mit der Google Maps-API erfolgen, und wenn ja, wie? Implementierung der GOverlay-Schnittstelle?

Answer 1

Offene Schichten - http://www.openlayers.org/ ist eine Open-Source-Implementierung der Komponente Google Maps, die mehr sein könnte, als Sie brauchen, ist aber ein guter Anfang.

Answer 2

Oh, werden Sie so viel Spaß haben dies selbst zu tun, und wird sicher nicht zu viel Zeit in Anspruch nehmen, wenn Sie jQuery verwenden, hier ist eine kurze, was Sie tun werden ...

Sie Container bauen/containing layout (Überlauf verwenden: Versteckt, um nur die gewünschte Größe anzuzeigen)

Dann erfassen Sie Benutzeraktionen mit den mousedown- und mouseup-Ereignissen.

Gesetz über die enthält div Position Eigenschaften (verwenden Sie die „Dimensionen“ Plugin) innerhalb weniger Minuten

Sie könnten erhalten Sie Ihre ersten Arbeitsversuch entsprechend basiert.

Grüße

Answer 3

Zoomooz könnte genau das sein, was Sie suchen, wenn Sie HTML-Elemente im Prezi-Stil verwenden möchten, müssen Sie den Zoom-Effekt nicht verwenden, aber für beste Kompatibilität und Leistung, denke ich, müssen Sie verwenden, um einen webkit-basierten Browser ...

http://jaukia.github.io/zoomooz/