jquery - 单击传单中的缩放和居中标记

Question

我的传单 map 有问题。我的 map 上有一些标记，单击其中一个标记时，标记会居中。现在，我希望当单击一个标记时，它不仅居中，而且我想放大该标记。当我添加这个时

    map.setZoom((16), {animate: true});

到

    map.on('popupopen', function(centerMarker) {
        var cM = map.project(centerMarker.popup._latlng);
        cM.y -= centerMarker.popup._container.clientHeight/2
        map.setZoom((16), {animate: true});
        map.panTo(map.unproject(cM),{animate: true});
    });

我的代码居中并没有真正起作用，因为它放大但没有使标记居中。但如果我处于预期的缩放级别 (16)，则所有其他标记都会居中。如果我在缩放级别 16 之外，我该怎么做才能使 map 缩放到标记并且标记也​​居中？我对传单和 jquery 还很陌生...

Answer 1

您可以使用带有 ZoomOption 的单一方法 setView，而不是使用 setZoom 和 panTo。

map.on('popupopen', function(centerMarker) {
        var cM = map.project(centerMarker.popup._latlng);
        cM.y -= centerMarker.popup._container.clientHeight/2
        map.setView(map.unproject(cM),16, {animate: true});
    });