javascript - 我怎样才能防止传单拖动 map 以适应标记弹出窗口?

标签 javascript leaflet

目前我们正在使用 gmaps 进行传单项目,我遇到了一个小问题。

添加多个标记(每个标记都有一个弹出窗口)后,我们想将它们全部打开。

为此,我使用了以下代码和平:

L.Map = L.Map.extend({
    openPopup: function(popup) {
    //        this.closePopup(); 
    this._popup = popup;

    return this.addLayer(popup).fire('popupopen', {
        popup: this._popup
    });
    }
});

在页面加载时,一切都按预期工作。

但是失败的场景来了:

页面加载后,用户放大,一些标记超出了用户的“ View 区域”

几秒钟后,网站加载新位置数据(用于标记)使用休息界面

传输位置数据后,我目前删除所有标记并在传输的位置重新创建它们并打开它们。

并且此 marker.openPopup() 触发, map 移动 因此,弹出窗口适合用户的“ View 区域”.

在这种情况下,如何防止传单拖动 map

最佳答案

我相信您指的是 autoPan 属性?来自 API:如果您不希望 map 进行平移动画以适应打开的弹出窗口,请将其设置为 false。

http://leafletjs.com/reference.html#popup

因此,在创建 Popup 时,只需传入选项 autoPan: false

关于javascript - 我怎样才能防止传单拖动 map 以适应标记弹出窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16712637/

相关文章:

javascript - 如何仅在第一个方法完全完成后调用另一个方法

javascript - Bootstrap 4 选项卡中的传单 map 未更新

javascript - 使用 Material Angular 和 Leaflet 切换 sidenav 时调整 sidenav-content 的大小

javascript - 如何将 jQuery .data() 转换为 Vanilla JS?

javascript - Angular 的平方根

javascript - keepUnusedDataFor 和 refetchOnMountOrArgsChange 之间有什么区别?

javascript - 未找到传单标记生产环境

javascript - 传单中圆圈的渐变填充

javascript - Angular 和 Leaflet 在点击时添加标记并获取 Coord

javascript - Underscore.js _.tap() 函数什么是方法链?