[已解决]为什么单张地图图块订购错误

Question

我正在使用传单以流行的可视化坐标系渲染地图， 但是地图图块顺序错误。 我该如何解决这个问题？

var map = L.map('map', {
    // crs: crs,
    continuousWorld: true,
    worldCopyJump: false,
    zoomControl: true
});

new L.TileLayer('https://www.gtrack.co.id/TileMapService/TileMap.ashx?cachetype=0&tilex={x}&tiley={y}&level={z}', {
    maxZoom: 14,
    minZoom: 0,
    continuousWorld: true,
    tileSize:256,
    // tms: true
}).addTo(map);

map.setView([-0.497125, 117.108078], 5);

Answer 1

问题在于，切片服务器的Z索引不是基于TileLayer([x,y], z)的基于零的索引。您必须传递一个名为zoomOffset的值1来解决这个问题。

var map = L.map('map', {
    // crs: crs,
    continuousWorld: true,
    worldCopyJump: false,
    zoomControl: true
});

new L.TileLayer('https://www.gtrack.co.id/TileMapService/TileMap.ashx?cachetype=0&tilex={x}&tiley={y}&level={z}', {
    maxZoom: 14,
    minZoom: 0,
    continuousWorld: true,
    tileSize:256,
    crs: L.CRS.Simple,
    zoomOffset: 1 // <------------ the param to add
}).addTo(map);

map.setView([-0.497125, 117.108078], 5);

然后您得到：