Leaflet - 防止在 MaxBounds 之外加载图 block

Question

我在使用传单尝试加载不存在且超出我的 MaxBounds 的图 block 时遇到问题。

jsfiddle replicating issue with my tileset最后还尝试了以下内容:

map.setBounds(new L.LatLngBounds(southWest, northEast));

但这似乎只是破坏了弹出窗口和标记以及其他所有内容，而没有解决我的问题。

map 全尺寸为 4096x4096

不相关的问题，是否可以将坐标系统更改为始终使用未投影的像素坐标，而不必在放置每个标记时使用 unproject 或获取常规坐标？

Answer 1

要告诉 Leaflet 您的 Tile Layers 没有任何 tile 可以在预定义的范围之外提供服务，只需使用 bounds选项。

在你的情况下，我猜它与你的 map 的最大边界相同。

我看到您正在尝试显示游戏 map ，这就是您需要将 CRS 更改为 L.CRS.Simple 的原因。请小心，因为您错误地应用了 crs您的 Tile Layer 而不是 map 的选项，因此它没有任何效果，除了您的计算边界与 map CRS 不匹配，并且您的 map.setMaxBounds() 限制导航到您可能不希望的位置。

请注意，您应该提出单独的问题。

顺便说一句，不知道为什么要在 Tile Layer 上使用 tms 选项。与以前的缩放级别相比，缩放级别 4 的图 block 似乎完全不匹配。更新的 JSFiddle:https://jsfiddle.net/f2Ljzpbh/2/