Como fazer mapas escorregadio trabalho?

Question

mapas Slippy são web widgets que permitem que o usuário pan em torno de um plano bidimensional, agarrando e arrastando-o. Este controle foi feito popular por mapas do Google, e pode ser visto em muitos sistemas modernos de mapeamento hoje. É óbvio que você vê-los carga que eles são realmente uma grade de imagens que são carregadas conforme a necessidade como as panelas de usuários. Minha pergunta é; como são as imagens alinhadas, movido, e carregado de forma dinâmica em HTML / JS / CSS? Eles são divs com imagens de fundo? eles são carregados em um div pai com overflow: hidden? Quais as estratégias que eles usam para evitar vazamento de memória como o usuário panelas ao redor. Existem quaisquer bibliotecas de terceiros que tornam mais fácil para construí-los. Eu não estou interessado em mapas geográficos persay, apenas a interface que é comumente usado para exibi-los. Obrigado!

Answer 1

Normalmente uma grade de elementos de imagem são movidos ao redor, e como algum movimento fora da extremidade do espectador e tornar-se escondido eles são movidos para o lado oposto da rede ea src atributos alterados para apontar para a nova telha mapa.

Todos estes, como você diz, será carregado em um elemento pai com overflow: hidden;

Em termos de exemplos que você pode olhar para a implementação Open Source abre Camadas:

http://openlayers.org/