Javascript 传单.js处理移动和缩放事件

我想知道如何使用ployate.js，在地图周围移动（拖动）或缩放时捕捉事件

我需要在地图上放置一些标记，当我四处移动（或卸载下一个位置未显示的标记）或更改缩放级别时，加载更多标记

你能帮我举几个例子吗

谢谢

看看这是否有帮助

var-map=L.map（'map'）.setView（[51.505，-0.09]，13）；
L.tileLayer（'http://{s}.tile.osm.org/{z}/{x}/{y}.png'{
属性：“©；贡献者”
}).addTo（地图）；
L.标记（[51.5，-0.09]）。添加到（地图）
.bindPopup（'一个漂亮的CSS3弹出窗口。
易于定制。'）
.openPopup（）；
L.标记（[51，-0.09]）。添加到（地图）
.bindPopup（'一个漂亮的CSS3弹出窗口。
易于定制。'）
.openPopup（）；
//只要继续添加更多的L.标记和坐标，它们就会出现在地图上

#地图{
高度：180像素；
}

---

以下是我找到的解决方案：

// Setting the CartoDB tile (you can use any tile you want)
var tile = L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {
              bounds: [[-90,-180],[90,180]],
              attribution:'&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> &copy; <a href="http://cartodb.com/attributions">CartoDB</a>',
              subdomains:'abcd'
});

// Setting the map parameters
var map = L.map('map', {
        maxBounds: [[-90,-180],[90,180]],,
        minZoom: 0,
        maxZoom: 18,
        fullscreenControl: true
    })
    .addLayer(tile)
    .setView([0, 0], 12);

// Here the events for zooming and dragging
map.on('zoomend', function() {
   // stuff here when user zooms the map...
});
map.on('dragend', function() {
   // stuff here when user drags the map...    
});

//设置CartoDB磁贴（您可以使用任何需要的磁贴）
var tile=L.tileLayer（'http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png'{
界限：[-90，-180]，[90180]]，
属性：“©；©；”，
子域：'abcd'
});
//设置贴图参数
var map=L.map（'map'{
最大界限：[-90，-180]，[90180]]，，
最小缩放：0，
maxZoom:18，
fullscreenControl:true
})
.addLayer（平铺）
.setView（[0,0]，12）；
//这里是用于缩放和拖动的事件
map.on（'zoomend'，function（）{
//当用户缩放地图时在此处填充。。。
});
map.on（'dragend'，function（）{
//当用户拖动地图时，这里的内容。。。
});

---

就这些。简单地说：）

但这只是在地图上做标记。我希望如此，如果我在世界各地都有标记，我在伦敦。。。我不希望纽约标记已经加载（只有当我在地图上看到纽约时），你看了吗？这可能就是你要找的。对我来说似乎公平不，它只是告诉你地图上显示了哪些标记，但标记在那里（可见或不可见）。我很困惑。所以所有的标记都应该被加载，你应该只看到你当前位置的标记？是的，这就是重点。如果我位于纽约，我只想看到纽约的标志，但只想看到我所在区域内的标志（可见）。