为传单中的图像重叠设置固定缩放

Question

我在传单中使用了imageoverlay

var imageUrl = 'img.png';
L.imageOverlay(imageUrl,mapBounds1).addTo(map);

当我缩放地图时，图像也会缩放，有没有办法让图像保持静止？

我也尝试了瓷砖（从图像中），它也会缩放，我想知道唯一的方法是为每个缩放创建多个图块。

有任何帮助吗？

Answer 1

你可以试试这样的......

map.on('zoomstart', function(e) {
  //remove layer
});

map.on('zoomend', function(e) {
  //add layer back with new bounds
});

Answer 2

您需要以某种方式订阅viewreset事件

  当地图需要重新定位其图层（例如放大）时会触发

viewreset，而latLngToLayerPoint用于获取图层新位置的坐标。 （http://leafletjs.com/reference.html#map-viewreset）

我不确定这会有效，但尝试类似

var imageUrl = 'img.png';
var overlay = L.imageOverlay(imageUrl,mapBounds1).addTo(map);
overlay.off('viewreset');