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很新...
而不是使用setZoom和panTo,您可以使用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)