체류중 배지 인라인 스타일 보강

js/main.js

@@ -2237,8 +2237,33 @@ function createFaceMarkerIcon(size = 60) {
 }
 
 function createCurrentStayIcon(text) {
+    const wrapStyle = [
+        'position:relative',
+        'width:0',
+        'height:0',
+        'pointer-events:none',
+        'transform:translate(-50%,-82px)'
+    ].join(';');
+    const badgeStyle = [
+        'display:inline-flex',
+        'align-items:center',
+        'justify-content:center',
+        'min-width:120px',
+        'height:30px',
+        'padding:0 10px',
+        'border:2px solid #fff',
+        'border-radius:999px',
+        'background:rgba(28,28,30,.9)',
+        'color:#fff',
+        'box-shadow:0 4px 14px rgba(0,0,0,.28)',
+        'box-sizing:border-box',
+        'font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif',
+        'font-size:12px',
+        'font-weight:800',
+        'white-space:nowrap'
+    ].join(';');
     return {
-        content: `<div class="current-stay-badge-wrap"><div class="current-stay-badge">${text}</div></div>`,
+        content: `<div class="current-stay-badge-wrap" style="${wrapStyle}"><div class="current-stay-badge" style="${badgeStyle}">${text}</div></div>`,
         anchor: new naver.maps.Point(0, 0)
     };
 }