单击小册子中的缩放和中心标记

use*_*746 5 jquery marker leaflet

我的传单地图有问题.我的地图上有一些标记,当点击一个标记时,标记居中.现在我想点击一个标记时它不仅居中,而且我想放大标记.当我添加这个

    map.setZoom((16), {animate: true});
Run Code Online (Sandbox Code Playgroud)

    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});
    });
Run Code Online (Sandbox Code Playgroud)

我的代码中心并没有真正起作用,因为它放大但不会使标记居中.但是如果我处于预期的缩放级别(16),所有其他标记都会居中.如果我在缩放级别16之外,我该怎么做才能将地图缩放到标记并且标记也​​会居中?我对传单和jquery很新...

neo*_*mat 9

而不是使用setZoompanTo,您可以使用setViewzoomoption 单一方法.

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});
    });
Run Code Online (Sandbox Code Playgroud)

  • 我认为这是因为这一行`cM.y -= centerMarker.popup._container.clientHeight/2`。它应该做什么?您可能对 http://leafletjs.com/reference.html#icon-popupanchor 感兴趣 (2认同)