openLayers4 보여줄 지도 범위 계산

tileGrid로 계산시 y값이 음수로 잡히기 때문에 이를 Math.ads(y) 를 이용해 y를 절대값으로 바꿔준 후 계산합니다.

 

제가 보여줄 지도 범위를 tileGrid 줌레벨 5 기준으로 mapBounds에 담습니다

 

줌레벨이 1씩 오를수록 tileGrid의 x, y값은 2가 더 곱해집니다.

 

예를들어, coordinate가 [5, 26, 11] 이렇게 된다면 줌 레벨을 1 올렸을때 [6, 52, 22] 이렇게 됩니다.

 

그래서 줌레벨에 따라 맵을 보여줄 extent값이 달라지게 됩니다.

 

줌레벨이 5에서 6이 된다면 순전히 2를 곱하면 되지만 5에서 8이 된다면 얘기가 달라집니다

 

5레벨의 값에서 2를 곱하고 그에 2를 곱하고 또 2를 곱해야 합니다. 

 

따라서, 줌 레벨이 어떤 수가 들어올지 모르니 계산하여야 합니다.

 

// tileGrid [minX, minY, maxX, maxY]
// 줌 레벨 5 기준
var mapBounds = [26 , 11 , 28 , 14]; 
                      
                     // 줌레벨에 따른 맵을 보여줄 범위 좌표 계산
                     // z는 줌레벨
                     var pow = Math.pow(2, z-5); 
                     for (var i = 0; i < mapBounds.length; i++) { 
                             mapBounds[i] = mapBounds[i] * pow; 
                       }