Jes*_*ugh 3 html javascript css maps
滑动地图是 Web 小部件,允许用户通过抓取和拖动二维平面来平移。这种控件因谷歌地图而变得流行,并且可以在当今的许多现代地图系统中看到。当您观察它们加载时,很明显它们实际上是图像网格,当用户平移时根据需要加载。我的问题是;这些图像是如何在 HTML/JS/CSS 中对齐、移动和动态加载的?它们是带有背景图像的 div 吗?它们是否加载到具有溢出:隐藏的父 div 中?当用户平移时,他们使用什么策略来防止内存泄漏。是否有任何第三方库可以更轻松地构建它们。我对地理地图本身不感兴趣,只是对通常用于显示它们的界面感兴趣。谢谢!
通常,图像元素的网格会四处移动,并且当某些元素移出查看器的末端并变得隐藏时,它们会移动到网格的另一侧,并且 src 属性更改为指向新的地图图块。
正如你所说,所有这些都将被加载到具有溢出:隐藏的父元素中;
就示例而言,您可以查看开源 Open Layers 实现: