Leaflet 传单偏移PNG平铺层坐标

我试图结合几个手绘地图图像到一个交互式HTML功能使用传单

我一直试图从最基本的代码开始。首先，我添加了三张不同缩放级别的图片。我仍在尝试，但现在代码是这样的：

  var map = L.map('map').setView([0, 0], 10);

  L.tileLayer('Drawn/Pacific.png', 
              {tileSize: 800, noWrap: true, minZoom:10, maxZoom: 10}).addTo(map);
  L.tileLayer('Drawn/Hong Kong.png', 
              {tileSize: 800, noWrap: true, minZoom: 11, maxZoom: 11}).addTo(map);
  L.tileLayer('Drawn/Kowloon.png', 
              {tileSize: 800, noWrap: true, minZoom: 12, maxZoom: 12}).addTo(map);

如何补偿这些层的起始坐标，使它们直线（使香港在缩放级别11实际上是在缩放级别10的太平洋瓦片中）？< /P>

---

谢谢

看起来每个“平铺层”只有一个大图像，因此您可能有兴趣实现以下功能：

用于在地图的特定边界上加载和显示单个图像

---

使用“图像覆盖”，可以指定图像的地理坐标，以便将其精确放置在所需位置。您可以调整3幅图像的相对坐标，以便它们根据需要对齐。

谢谢ghybs！如果我使用图像覆盖，是否可以在缩放时改变图像？例如，“Pacific.png”是一张大地图，没有多少细节。我希望“hongkong.png”在用户放大地图的该区域时变得可见。使用图像覆盖，似乎没有任何方法可以更改最大和最小缩放。您只需在map的

“zoomend”

事件上创建一个侦听器，然后打开/关闭所需的图像覆盖。如果你在这方面需要帮助，请随时提出新问题。