Прокрутка / предварительная загрузка листов (стиль Google Maps) слоев HTML с помощью Ajax

Question

Я хочу повторить эффект панорамирования (не обязательно масштабирования) API Карт Google, но без изображений. По сути, я хочу разместить элементы HTML в большой системе координат и иметь возможность перемещаться по ним в стиле Prezi (хотя и без поворота).

Предпочтительно, я бы хотел предварительно загружать элементы динамически через jQuery / AJAX, но если мне придется загружать все изначально, я буду.

Какие-нибудь библиотеки, которые позволят мне это сделать? Я мог бы просто закодировать эту вещь сам, но я не могу представить, чтобы никто другой не думал о чем-то подобном раньше.

Можно ли это сделать с помощью API Карт Google, и если да, то как? Реализация интерфейса GOverlay?

Answer 1

Открытые слои - http://www.openlayers.org/ - это реализация компонента карт Google с открытым исходным кодом, которая может быть больше, чем вам нужно, но это хорошее начало.

Answer 2

О, вам будет очень весело делать это самостоятельно, и, конечно, если вы будете использовать jQuery, это не займет много времени, вот краткое изложение того, что вы будете делать ...

Создайте свой контейнер / содержащий макет (используйте overflow: скрытый, чтобы показать только желаемый размер)

Затем запишите действия пользователя с помощью событий mousedown и mouseup.

Действуйте соответственно на основе содержащихся свойств положения div (используйте плагин "sizes")

Вы можете получить свою первую рабочую попытку в течение нескольких минут.

Привет

Answer 3

Zoomooz может быть именно тем, что вы ищете, если его html-элементы, к которым вы хотите перейти в стиле prezi, вам не нужно использовать эффект масштабирования, но он есть в любом случае, хотя для лучшей совместимости и производительности я думаю, вам нужно будет использовать браузер на основе webkit ...

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