커리큘럼
home
React
home

코스 카드 클릭시 지도 범위 재설정

태그
변시윤

 카드 클릭시 지도가 불규칙적으로 확대/축소되는 현상

원인 자세히 읽기

유저 피드백

지도가 갑자기 축소되는 바람에 장소의 위치를 파악하기 어려움
지도 사이즈가 일정하지 않기 때문에 산만함
→ 지도 레벨을 일정하게 유지하는 방향으로 개선

❗️bounds 대신 positon 사용하기

position(위도와 경도를 합산한 정보)을 활용해서 카드를 클릭할 때마다 해당 장소의 좌표로 재설정하도록 구현했다.
단, 이전처럼 지도가 부드럽게 전환되는 효과는 사용할 수 없다. 해당 효과는 카카오맵에서 제공하는 panTo메서드에 포함된 효과인데 panTo 메서드는 오직 map에서만 사용할 수 있다.

해결 자세히 읽기