–code–
<Polygon
ref={polygonRef}
key={area-${area.name}}
path={area.path}
strokeWeight={1}
strokeColor={“red”}
strokeOpacity={0.8}
fillColor={area.isMouseover ? “#09f” : “#fff”}
fillOpacity={0.7}
onClick={(map) => {
if (!clickedArea.isClicked) {
setLevel({
level: 5
})
setClickedArea({
isClicked: true
})
console.log(mapRef.current?.getCenter())
}
}}
현재 지도 내 다각형 폴리곤으로 행정 구역을 나눈 후 해당 행정 구역 onClick 시 해당 폴리곤지역을 지도 확대하여 볼 수 있도록 하고자 합니다. 확대는 문제가 없지만 현재 지도를 기준으로 확대되기 때문에, Polygon 중심 좌표를 기준으로 확대하고 싶은데 관련 내용을 찾을 수 없어 문의드립니다.