Question

我正在尝试使用传单将几个手绘地图图像组合成交互式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的位置）？

谢谢！

Answer 1

看起来每个“图块层”只有一个大图像，因此您可能有兴趣将您的功能实现为Image Overlays：

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

使用图像叠加，您可以指定图像的地理坐标，以便将其精确放置在您想要的位置。您可以调整3张图像的相对坐标，以便它们根据需要排列。

小叶偏移PNG瓦片层坐标

1 个答案: