如何动态集中和更改传单地图的中心

Question

我有一张覆盖整个屏幕的地图，我有一个覆盖地图的图层。该层从下到上。 用户通过单击不同的选项与此图层交互，这些选项在地图上绘制标记。

当我集中地图时，标记隐藏在叠加地图的图层后面，从而消除了标记的可见性。

我如何集中地图然后将其移动到图层上方三分之一处？ 这个问题是翻拍的 How can I change the location center of a map using Leaflet API?

尝试这样做

var offset = map.getSize().y * 0.15;
map.panBy(new L.Point(0, -offset), {animate: false});

但每次我点击图层中的一个选项来创建标记时，地图会移动而我会失去中心。

jsfiddle

请原谅示例图像
这个想法是在地图使setView将其中心放置在叠加地图的蓝色层之上，以免隐藏标记。