체류중 배지 낮은 줌 숨김 처리

README.md

@@ -72,7 +72,7 @@ Naver Map에는 단일 Polyline 중심의 부드러운 경로선을 먼저 그
 
 집 판정은 설정된 서울 집과 목포 집 좌표를 중심점으로 한 150m 반경을 기준으로 합니다. GPS 튐 보정이 켜져 있으면 두 집 주변 1.2km 안의 지점은 가까운 집 위치로 흡수하고, 외출은 연속된 외부 지점이 5분 이상 지속될 때만 세션으로 확정합니다. 외부 지점 사이의 공백이 2시간을 넘으면 해당 구간은 알 수 없는 구간으로 보고 외출 지속시간에 합산하지 않습니다. 여러 번 나갔다 돌아온 경우 집 체류 시간은 합산하고, 외출은 출발/복귀 단위의 세션으로 따로 보여줍니다.
 
-기록 시간 슬라이더를 움직이면 지도 아래에는 `월. 일. 시간` 형식의 선택 시각만 간결하게 표시합니다. 경로 재생은 얼굴 아이콘 마커만 사용하며, 재생 중에는 현재 위치 얼굴과 정확도 원을 숨깁니다. 재생 버튼은 지점 수에 따라 의미 있는 배속만 남겨 `2x`, `5x`, `10x`, `20x`, `50x`, `100x`, `500x` 순서로 돌고, 각 배속에서 최소 80단계 이상 보여줄 수 없으면 해당 배속은 건너뜁니다. 100m 반경 안에서 10분 이상 머문 구간은 체류 지점 마커로 묶어 표시하되, 서울 집과 목포 집 안의 체류는 계산하거나 표시하지 않습니다. 같은 위치의 체류는 하나의 마커로 합산하고, 클릭 시 총 체류 시간과 방문별 시작/종료/체류 시간을 확인할 수 있습니다. 라이브 위치가 기존 체류 지점 100m 안에 다시 들어오면 초상화 위를 가리지 않는 커스텀 배지로 누적 체류중 시간을 표시합니다.
+기록 시간 슬라이더를 움직이면 지도 아래에는 `월. 일. 시간` 형식의 선택 시각만 간결하게 표시합니다. 경로 재생은 얼굴 아이콘 마커만 사용하며, 재생 중에는 현재 위치 얼굴과 정확도 원을 숨깁니다. 재생 버튼은 지점 수에 따라 의미 있는 배속만 남겨 `2x`, `5x`, `10x`, `20x`, `50x`, `100x`, `500x` 순서로 돌고, 각 배속에서 최소 80단계 이상 보여줄 수 없으면 해당 배속은 건너뜁니다. 100m 반경 안에서 10분 이상 머문 구간은 체류 지점 마커로 묶어 표시하되, 서울 집과 목포 집 안의 체류는 계산하거나 표시하지 않습니다. 같은 위치의 체류는 하나의 마커로 합산하고, 클릭 시 총 체류 시간과 방문별 시작/종료/체류 시간을 확인할 수 있습니다. 라이브 위치가 기존 체류 지점 100m 안에 다시 들어오면 초상화 위를 가리지 않는 커스텀 배지로 누적 체류중 시간을 표시하되, 지도를 크게 축소한 상태에서는 배지를 숨깁니다.
 
 재생 중 주기적 위치 갱신으로 히스토리 경로가 다시 그려져도 현재 재생 위치를 유지합니다. 재생 타이머는 시작 당시 지점 목록에 고정하지 않고 최신 히스토리 지점 목록을 기준으로 계속 진행합니다.
 

js/main.js

@@ -487,6 +487,7 @@ const FACE_MARKER_SIZE = 60;
 const CURRENT_STAY_BADGE_WIDTH = 140;
 const CURRENT_STAY_BADGE_HEIGHT = 28;
 const CURRENT_STAY_BADGE_GAP = 8;
+const CURRENT_STAY_MIN_ZOOM = 13;
 
 const FALLBACK_BACK_TARGET = 'https://chaegeon.com/';
 const BACK_HISTORY_KEY = 'chaegeon.backHistory.v1';
@@ -1424,6 +1425,18 @@ function initMap(latlng, accuracy = 50) {
     createMainMarker(latlng);
     createAccuracyCircle(latlng, accuracy);
     updateHomeCircles();
+    naver.maps.Event.addListener(mapState.map, 'zoom_changed', () => {
+        if (mapState.map.getZoom() < CURRENT_STAY_MIN_ZOOM) {
+            stopCurrentStayBadge();
+        } else if (hasValidCoords(lastLat, lastLng)) {
+            updateCurrentStayBadge({
+                lat: lastLat,
+                lng: lastLng,
+                latlng: new naver.maps.LatLng(lastLat, lastLng),
+                time: lastUpdateISOTime || new Date().toISOString(),
+            });
+        }
+    });
     ensureMapTools();
 }
 
@@ -2309,7 +2322,7 @@ function renderCurrentStayBadge() {
 }
 
 function updateCurrentStayBadge(point) {
-    if (mapState.playbackTimer || _overrideRange) {
+    if (mapState.playbackTimer || _overrideRange || mapState.map?.getZoom?.() < CURRENT_STAY_MIN_ZOOM) {
         stopCurrentStayBadge();
         return;
     }