Javascript 滑动地图是如何工作的？

Slippy maps是一种web小部件，允许用户通过抓取和拖动二维平面来进行平移。谷歌地图（GoogleMaps）使这种控制变得流行起来，并且可以在今天的许多现代地图系统上看到。很明显，当你看着它们加载时，它们实际上是一个图像网格，当用户平移时根据需要加载。我的问题是,；这些图像是如何在HTML/JS/CSS中对齐、移动和动态加载的？它们是有背景图像的div吗？它们是否加载到具有overflow:hidden的父div中？当用户四处游荡时，他们使用什么策略来防止内存泄漏。是否有任何第三方库使构建它们更容易。我对地理地图persay不感兴趣，只对通常用于显示它们的界面感兴趣。谢谢

通常情况下，图像元素的网格会四处移动，当一些图像元素离开查看器末端并隐藏时，它们会移动到网格的另一侧，并且src属性会更改为指向新的地图分幅

正如您所说，所有这些都将加载到一个父元素中，溢出：hidden

在示例方面，您可以查看开源开放层实现：

---

这项技术已经很古老了。c64和amiga上的老式侧滚射击手已经使用了这个…@Emiel他们当时叫它什么？@Andy Hume谢谢！很抱歉，我在十年后才看到这一点，但这是一个很好的答案。祝你身体健康！