From 2e93c4151f83ccf07f26125cf0904abeb771703d Mon Sep 17 00:00:00 2001
From: seo <seo@chaegeon.com>
Date: Fri, 10 Jul 2026 20:22:14 +0900
Subject: [PATCH] =?UTF-8?q?findmydevice=20=EC=9E=AC=EC=83=9D=20=EC=A4=91?=
 =?UTF-8?q?=20=EC=96=BC=EA=B5=B4=20=EB=A7=88=EC=BB=A4=EB=A7=8C=20=ED=91=9C?=
 =?UTF-8?q?=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/main.js | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/js/main.js b/js/main.js
index 9694f43..5b1489d 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1907,6 +1907,9 @@ function stopHistoryPlayback() {
         clearInterval(mapState.playbackTimer);
         mapState.playbackTimer = null;
     }
+    if (mapState.playbackMarker) {
+        mapState.playbackMarker.setMap(null);
+    }
     if (!_overrideRange) {
         setCurrentLocationVisible(true);
     }
@@ -1935,14 +1938,19 @@ function startHistoryPlayback(speed) {
         mapState.playbackIndex = 0;
     }
 
-    if (mapState.playbackMarker) {
-        mapState.playbackMarker.setMap(null);
-    }
     moveSelectedHistoryPoint(mapState.playbackIndex, false);
 
-    if (mapState.playbackMarker) {
+    if (!mapState.playbackMarker) {
+        mapState.playbackMarker = new naver.maps.Marker({
+            position: points[mapState.playbackIndex].latlng,
+            map: mapState.map,
+            zIndex: 120,
+            icon: createFaceMarkerIcon()
+        });
+    } else {
         mapState.playbackMarker.setMap(mapState.map);
         mapState.playbackMarker.setPosition(points[mapState.playbackIndex].latlng);
+        mapState.playbackMarker.setIcon(createFaceMarkerIcon());
     }
 
     let tick = 0;
@@ -2060,12 +2068,18 @@ function moveSelectedHistoryPoint(index, pan = false, syncSlider = true) {
             position: point.latlng,
             map: mapState.map,
             zIndex: 115,
-            icon: createFaceMarkerIcon()
+            icon: {
+                content: '<div class="history-selected-marker"></div>',
+                anchor: new naver.maps.Point(10, 10)
+            }
         });
     } else {
         mapState.selectedMarker.setMap(mapState.map);
         mapState.selectedMarker.setPosition(point.latlng);
-        mapState.selectedMarker.setIcon(createFaceMarkerIcon());
+        mapState.selectedMarker.setIcon({
+            content: '<div class="history-selected-marker"></div>',
+            anchor: new naver.maps.Point(10, 10)
+        });
     }
     if (mapState.playbackMarker) {
         mapState.playbackMarker.setPosition(point.latlng);