geoFeatures의 bbox의 최적 Zoom 구하기

1. LIneString, Polygon, Point의 웹상에서 최적으로 보일수 있는 Zoom 구하기

 

let width = 1920; //웹사이트 넓이 
let height = 1080; // 웹사이트 높이 
let BOUNDS = [[bbox[0],bbox[1]],[bbox[2],bbox[3]]]; 
//[[127.09875551,37.20934113],[127.10195002,37.21464863]]


const viewport = new WebMercatorViewport({
      width: width,
      height: height
});

const {longitude, latitude, zoom} = viewport.fitBounds(BOUNDS, {
  padding: 50 // 해당 Features의 BBOX 여백 생성 
});
//[127.11449868, 37.167457671163525, 15.68894428866944]; //[x,y,z]
//cetner 정보 및 Zoom 반환

 

참고 : https://deck.gl/docs/api-reference/core/web-mercator-viewport

참고 : https://math.gl/modules/web-mercator/docs/api-reference/web-mercator-viewport