이미지를 레벨에 맞춰 사이즈 조정을 하고 싶습니다

카카오맵 API (지도/로컬)
1

드론으로 항공사진을 촬영해서 다음지도위에 똑같은 위치에 촬영한 사진을 보여주려고 합니다.

일단 사진은 customoverlay 로 보여줬는데요.

문제는 지도 레벨을 축소/확대하면 당연하겠지만 이미지 사이즈가 그에맞게 조정이 안됩니다.

  	var content = "<img src='/dron/dron2023_1_scr.png'>";
   	var position = new kakao.maps.LatLng(upperLeftX, upperLeftY);
    	
     const overlay = new kakao.maps.CustomOverlay({
          map : map,
   	      position : position,
          content : content,
          yAnchor : 1
     });

지도 레벨이 1씩 변할때 얼마의 비율로 축소/확대 되는지 알고싶습니다.

어떤식으로 소스를 적용해야될지도 좀 가이드 부탁드리겠습니다.

향후 다시 질문을 드리겠지만 이미지가 여러장일 경우 레벨 변화에 따라 각 이미지들의 좌표값도 조정이 필요할것 같은데
가능한지 여부를 먼저 알고싶습니다.

감사합니다.

2

아래 답변 참고해주세요.