지도 박스 스타일 레이어의 보이는 부분 (또는 마스크)을 줄이는 방법은 무엇입니까?

Question

mapbox 스튜디오를 통해지도 상자 스타일에 레이어로 추가 된 육각형 타일셋이 있습니다.

레이어 가시 영역을 줄일 가능성을 찾으려고 시도합니다. 예를 들어,지도 중심 (현재 점 표식) 주변의 반경 만 100m (또는 100m와 같은 정사각형) 영역을 표시합니다.

이것이 가능합니까?

Answer 1

당신은 예를 들어, 경계 상자를 만들고지도의 fitBounds 방법을 사용할 수 있습니다 : fitBounds에 대해 당신이 here을 찾을 수있는 다른 예

const boundingBox = [ 
    [minX, minY], 
    [maxX, maxY] 
]; 

map.fitBounds(boundingBox); 

더.

테두리 상자를 만들려면 Turf.js 라이브러리를 사용할 수 있습니다.

이 코드 중심 100m면 바운딩 박스 주어진 포인트를 작성하고 bufferbbox 방법을 사용

const pointBuffer = turf.buffer(point /* - your point GeoJSON */, 0.1, 'kilometers'); 
const boundingBox = turf.bbox(pointBuffer);