JavaScript 地图加载完成事件监听封装
JavaScript 地图加载完成事件监听封装
在使用地图 API 时,我们经常需要在地图加载完成后执行一些操作,例如显示标记、添加控件等。这时,我们可以使用 tilesloaded 事件来监听地图加载完成。
以下代码展示了如何使用 tilesloaded 事件监听地图加载完成:
map.addEventListener('tilesloaded', function () {
alert('地图加载完成!');
});
为了方便使用,我们可以将这段代码封装成一个函数:
function onMapLoaded(map, callback) {
map.addEventListener('tilesloaded', function () {
callback();
});
}
// Usage:
// onMapLoaded(map, function() {
// alert('地图加载完成!');
// });
onMapLoaded 函数接收两个参数:
map: 地图对象callback: 地图加载完成后要执行的回调函数
使用示例:
// 地图加载完成后,执行 alert('地图加载完成!')
onMapLoaded(map, function() {
alert('地图加载完成!');
});
通过使用 onMapLoaded 函数,我们可以轻松地监听地图加载完成事件,并在事件触发后执行自定义操作。
原文地址: https://www.cveoy.top/t/topic/lLTS 著作权归作者所有。请勿转载和采集!