如何在没有服务器支持的情况下使用传单放大浏览器

Question

我自制了一个小型地图服务器（仅包含一些图片（平铺 256x256 像素））。

它是使用固定缩放制作的（仅 12 级）。

现在它工作正常，我也想要缩放。 ;-)

现在我想知道我是否只能放大浏览器（带有传单）... 所以只需使用给定的图块而不加载更高细节的图块。

我知道，浏览器会有更多延迟。但这不是问题。这只是一张仅供私人使用的小地图。

var mymap = L.map( 'mapid' ).fitWorld().setView( [ uriparm( 'lat' ) || 0, uriparm( 'lon' ) || 0 ], 12 );

L.tileLayer( 'getbox.php?folder={id}&lz={z}&lx={x}&ly={y}&lid={id}&ld=1', {
    maxZoom: 12,
    minZoom: 12,
    attribution: '',
    id: test
} ).addTo( mymap );

Answer 1

利用L.TileLayer 的minNativeZoom and maxNativeZoom 选项。引用文档：

maxNativeZoom

平铺源可用的最大缩放数。如果指定，则所有高于maxNativeZoom 的缩放级别的图块将从maxNativeZoom 级别加载并自动缩放。

（minNativeZoom 同上）

因此，如果您的图块服务器只有 12 级图块，您应该尝试以下操作：

L.tileLayer( 'getbox.php?folder={id}&lz={z}&lx={x}&ly={y}&lid={id}&ld=1', {
    maxNativeZoom: 12,
    minNativeZoom: 12,
    maxZoom: 14,
    minZoom: 10,
    attribution: '',
    id: test
} ).addTo( mymap );

随意尝试一下这些值，但请注意，minZoom 和 minNativeZoom 之间的巨大差异会导致您的浏览器尝试加载几百万个图块，并且很可能会崩溃。