如何解决Leaflet.js 如何根据地图“移动结束”事件设置新的纬度
我使用的是leaflet.js 1.5.1。
我试图让一组标记始终在地图顶部/底部下方拥抱(“粘性”)。看起来很简单,但我不知道如何让它工作。
我认为最简单的方法是创建一个功能集。例如,这是一个测试示例,首先将 vars 设置为某个随机位置(在我弄清楚‘random’将被地图的顶部/底部替换):
注意:地图顶部下方将有 12 个标记,地图底部上方将有 12 个标记。
var mc = [
["MC__P01",30.99497,-94.50808],// more between
["MC__P09",31.51285,-93.53274],];
var mc_Group = L.featureGroup().addTo(map);
for (var i = 0; i < mc.length; i += 1) {
var ndxNbr = ("0" + i).slice(-2);
marker = L.marker([mc[i][1],mc[i][2]])
.addTo(mc_Group).bindPopup("MC__P" + ndxNbr)
}
我在地图上设置了一个事件,以便当有“移动”事件时它会触发并且标记应该移动到顶部。这是代码。
map.on('moveend',function(e) {
// alert('Moved map');
var bbox = map.getBounds();
var south = bbox.getSouth();
var north = bbox.getNorth();
var mark_;
var mcMarkers = mc_Group.getLayers();
var cnt = mcMarkers.length;
for (var i = 0; i < cnt; i += 1) {
mark_ = mcMarkers[i];
var curPos = mark_.getLatLng();
// While testing ONLY change first marker
if(i<=1){
// Note the alert shows the correct updated coords!
alert('Map moved to: '+'\n'+'lat: '+north+'\n'+'lng: '+curPos.lng);
// these lines do not set and update the coords.
var newLatLng = new L.LatLng(north,curPos.lng);
mark_.setLatLng(newLatLng);
}
}
有人能告诉我我的思想和代码哪里出错了吗?
欣赏, 约翰……
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。