Leaflet.js: как работает запрос плитки в веб-браузере

Question

Когда изменяется уровень масштабирования или центр карты Leaflet, мы видим, что запрашиваются новые изображения листов.В браузере мы можем подтвердить это на панели devtools.

Я изучил исходный код библиотеки Leaflet.js.Но не нашел код или функцию для отправки запроса.

Я хочу знать механизм об этой точке.Это поведение контролируется на каком уровне.На уровне кода или на уровне браузера?Спасибо.

Answer 1

Как правило, компиляция и загрузка плиток зависит от реализации уровня ifself.Здесь мы возьмем TileLayer, который расширяет GridLayer в качестве примера:

Когда слой добавляется на карту с помощью Map#addLayer ( code ), будут вызваны следующие методы:

Layer#_layerAdd(#172) -->Layer@onAdd(#110) --> GridLayer.js#L156 -->GridLayer@_update(#638)

И функция GridLayer#_update() будет производить расчет необходимых плиток в соответствии с областью просмотра и отправлять запрос на сервер.

Также слой будет прослушиватьСобытия move и zoom, которые вызовут метод GridLayer#_onMoveEnd(#621), внутри этой функции снова будет вызван _update.

HTH.