Как работают скользкие карты?

Question

Скользкие карты - это веб-виджеты, которые позволяют пользователю перемещаться по двумерной плоскости, захватывая и перетаскивая его. Этот элемент управления стал популярным благодаря картам Google, и сегодня его можно увидеть во многих современных картографических системах. Когда вы наблюдаете, как они загружаются, становится очевидным, что они на самом деле представляют собой сетку изображений, которые загружаются по мере необходимости во время панорамирования пользователя. Мой вопрос Как эти изображения выровнены, перемещены и динамически загружены в HTML / JS / CSS? Они div с фоновыми изображениями? Они загружены в родительский div с переполнением: скрыто? Какие стратегии они используют, чтобы предотвратить утечку памяти, когда пользователь поворачивается. Существуют ли сторонние библиотеки, облегчающие их сборку? Меня не интересуют географические карты, просто интерфейс, который обычно используется для их отображения. Спасибо!

Answer 1

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

Все это, как вы говорите, будет загружено в родительский элемент с переполнением: hidden;

В качестве примеров вы можете посмотреть на реализацию Open Layers с открытым исходным кодом:

http://openlayers.org/