Leaflet.js：图块查询在网络浏览器中如何工作

Question

更改传单地图的缩放级别或中心时，我们可以看到请求了新的图块图像。在浏览器中，我们可以在devtools面板中确认这一点。

我研究了Leaflet.js库的源代码。但是没有找到发送请求的代码或功能。

我想了解这一点的机制。此行为控制在哪个级别。在代码级别还是在浏览器级别？谢谢。

Answer 1

通常，如何计算和加载图块取决于图层实现本身。这里我们以扩展了TileLayer的{​​{1}}为例：

通过GridLayer（code）将图层添加到地图时，将调用以下方法：

Map#addLayer

函数Layer#_layerAdd(#172) -->Layer@onAdd(#110) --> GridLayer.js#L156 -->GridLayer@_update(#638)将根据视口计算所需的图块，并将请求发送到服务器。

该层还将侦听GridLayer#_update()和move事件，这些事件将触发zoom方法，在此函数内，GridLayer#_onMoveEnd(#621)将再次被调用。

HTH。