Slippy地图是网页小工具，允许用户通过抓取并拖动来平移二维平面。这种控制在Google地图中很受欢迎，现在可以在许多现代地图系统上看到。很明显，当你看到它们加载时，它们实际上是一个图像网格，根据用户平移的需要加载。我的问题是;这些图像如何在HTML / JS / CSS中对齐，移动和动态加载？他们是背景图片吗？它们是否加载到具有溢出的父div：隐藏？他们使用什么策略来避免在用户平移时泄漏内存。是否有任何第三方库可以更容易地构建它们。我对地理地图不感兴趣，只是通常用来显示它们的界面。谢谢！
答案 0 :(得分：4)
通常情况下，图像元素的网格会移动，并且当一些图像元素从观察者的末端移开并变为隐藏时，它们会移动到网格的另一侧，并且src属性会更改为指向新的地图图块。 / p>
正如您所说，所有这些都将被加载到具有overflow：hidden;
的父元素中在示例方面，您可以查看开源的Open Layers实现：