현재 보이는 타일의 좌표를 얻는 방법?

Question

x/y (여기서 x와 y는 leaflet.js가 타일에 대해 x/y/z의 해당 URL을 쿼리하는 데 사용하는 코드입니다.) 현재 보이는 타일의 좌표입니다.

unloadInvisibleTiles 옵션을 사용하지 않고 해결책을 찾고 싶습니다.

이렇게하는 유일한 방법은 getPixelBounds()입니다.

: 예를 들어 gist이 추가되었습니다.

Answer 1

는 지금까지 내가 아는 한, 당신은 당신이 다음에 그것들을 열거 할 수 getPixelBounds()

을 통과해야 코드 : xTile와 yTile 당신이

// get bounds, zoom and tileSize   
var bounds = map.getPixelBounds(); 
var zoom = map.getZoom(); 
var tileSize = 256; 


// get NorthWest and SouthEast points 
var nwTilePoint = new L.Point(Math.floor(bounds.min.x/tileSize), 
    Math.floor(bounds.min.y/tileSize)); 

var seTilePoint = new L.Point(Math.floor(bounds.max.x/tileSize), 
    Math.floor(bounds.max.y/tileSize)); 

// get max number of tiles in this zoom level 
var max = map.options.crs.scale(zoom)/tileSize; 

// enumerate visible tiles 
for (var x = nwTilePoint.x; x <= seTilePoint.x; x++) { 
    for (var y = nwTilePoint.y; y <= seTilePoint.y; y++) { 

     var xTile = (x + max) % max; 
     var yTile = (y + max) % max; 

     console.log('tile ' + xTile + ' ' + yTile); 
    } 
}