传单js地图初始化和回调功能

Leaflet js map initialize and callback functionality

本文关键字：回调 功能 初始化 js 地图 传单      更新时间：2023-09-26

假设我正在加载地图与传单js。可能是由于网速慢，地图可能需要一些时间来加载。所以我想在地图加载时显示忙图标，在地图加载完成时隐藏忙图标。

这里有一个示例代码

var map = L.map('map').setView([37.8, -96], 4);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6IjZjNmRjNzk3ZmE2MTcwOTEwMGY0MzU3YjUzOWFmNWZhIn0.Y8bhBaUMqFiPrDRW9hieoQ', {
    maxZoom: 18,
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
        '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
        'Imagery © <a href="http://mapbox.com">Mapbox</a>',
    id: 'mapbox.light'
}).addTo(map);

告诉我如何附加一个回调通知我地图加载和渲染在客户端完成。是否有地图加载完成的回调功能?

我搜索谷歌，知道有回调缩放。这里有一个示例代码

map.on("zoomstart", function (e) { console.log("ZOOMSTART", e); });
map.on("zoomend", function (e) { console.log("ZOOMEND", e); });

有一个插件叫做传单。加载，当地图块加载时，将显示一个指示器。

如果您想构建自己的版本，您可以使用该版本或查看源代码。

相关文章：