2

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

4

1 回答 1

4

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

正如您所说,所有这些都将通过溢出加载到父元素中:隐藏;

就示例而言,您可以查看开源 Open Layers 实现:

http://openlayers.org/

于 2009-03-12T23:28:57.277 回答