polling 및 마커 종류 설정 추가

frontend/components/admin/dashboard/WidgetConfigSidebar.tsx

@@ -520,7 +520,39 @@ export function WidgetConfigSidebar({ element, isOpen, onClose, onApply }: Widge
               )}
 
               {/* 지도 설정 */}
-              {element.subtype === "map-summary-v2" && <MapConfigSection queryResult={queryResult} />}
+              {element.subtype === "map-summary-v2" && (
+                <MapConfigSection
+                  queryResult={queryResult}
+                  refreshInterval={element.chartConfig?.refreshInterval || 5}
+                  markerType={element.chartConfig?.markerType || "circle"}
+                  onRefreshIntervalChange={(interval) => {
+                    setElement((prev) =>
+                      prev
+                        ? {
+                            ...prev,
+                            chartConfig: {
+                              ...prev.chartConfig,
+                              refreshInterval: interval,
+                            },
+                          }
+                        : prev
+                    );
+                  }}
+                  onMarkerTypeChange={(type) => {
+                    setElement((prev) =>
+                      prev
+                        ? {
+                            ...prev,
+                            chartConfig: {
+                              ...prev.chartConfig,
+                              markerType: type,
+                            },
+                          }
+                        : prev
+                    );
+                  }}
+                />
+              )}
 
               {/* 리스크 알림 설정 */}
               {element.subtype === "risk-alert-v2" && <RiskAlertSection queryResult={queryResult} />}

frontend/components/admin/dashboard/data-sources/MultiApiConfig.tsx

@@ -530,31 +530,50 @@ export default function MultiApiConfig({ dataSource, onChange, onTestResult }: M
         ))}
       </div>
 
-      {/* 자동 새로고침 설정 */}
+      {/* 마커 polling 간격 설정 (MapTestWidgetV2 전용) */}
       <div className="space-y-2">
-        <Label htmlFor={`refresh-${dataSource.id}`} className="text-xs">
-          자동 새로고침 간격
+        <Label htmlFor="marker-refresh-interval" className="text-xs">
+          마커 새로고침 간격
         </Label>
         <Select
-          value={String(dataSource.refreshInterval || 0)}
-          onValueChange={(value) => onChange({ refreshInterval: Number(value) })}
+          value={(dataSource.refreshInterval ?? 5).toString()}
+          onValueChange={(value) => onChange({ refreshInterval: parseInt(value) })}
         >
-          <SelectTrigger className="h-8 text-xs">
-            <SelectValue placeholder="새로고침 안 함" />
+          <SelectTrigger id="marker-refresh-interval" className="h-9 text-xs">
+            <SelectValue placeholder="간격 선택" />
           </SelectTrigger>
           <SelectContent>
-            <SelectItem value="0">새로고침 안 함</SelectItem>
-            <SelectItem value="10">10초마다</SelectItem>
-            <SelectItem value="30">30초마다</SelectItem>
-            <SelectItem value="60">1분마다</SelectItem>
-            <SelectItem value="300">5분마다</SelectItem>
-            <SelectItem value="600">10분마다</SelectItem>
-            <SelectItem value="1800">30분마다</SelectItem>
-            <SelectItem value="3600">1시간마다</SelectItem>
+            <SelectItem value="0" className="text-xs">없음</SelectItem>
+            <SelectItem value="5" className="text-xs">5초</SelectItem>
+            <SelectItem value="10" className="text-xs">10초</SelectItem>
+            <SelectItem value="30" className="text-xs">30초</SelectItem>
+            <SelectItem value="60" className="text-xs">1분</SelectItem>
           </SelectContent>
         </Select>
         <p className="text-[10px] text-muted-foreground">
-          설정한 간격마다 자동으로 데이터를 다시 불러옵니다
+          마커 데이터를 자동으로 갱신하는 주기를 설정합니다
+        </p>
+      </div>
+
+      {/* 마커 종류 선택 (MapTestWidgetV2 전용) */}
+      <div className="space-y-2">
+        <Label htmlFor="marker-type" className="text-xs">
+          마커 종류
+        </Label>
+        <Select
+          value={dataSource.markerType || "circle"}
+          onValueChange={(value) => onChange({ markerType: value })}
+        >
+          <SelectTrigger id="marker-type" className="h-9 text-xs">
+            <SelectValue placeholder="마커 선택" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="circle" className="text-xs">동그라미</SelectItem>
+            <SelectItem value="arrow" className="text-xs">화살표</SelectItem>
+          </SelectContent>
+        </Select>
+        <p className="text-[10px] text-muted-foreground">
+          지도에 표시할 마커의 모양을 선택합니다
         </p>
       </div>
 

frontend/components/admin/dashboard/types.ts

@@ -52,7 +52,7 @@ export type ElementSubtype =
   | "yard-management-3d" // 야드 관리 3D 위젯
   | "work-history" // 작업 이력 위젯
   | "transport-stats"; // 커스텀 통계 카드 위젯
-  // | "custom-metric"; // (구버전 - 주석 처리: 2025-10-28, custom-metric-v2로 대체)
+// | "custom-metric"; // (구버전 - 주석 처리: 2025-10-28, custom-metric-v2로 대체)
 
 // 차트 분류
 export type ChartCategory = "axis-based" | "circular";
@@ -164,6 +164,7 @@ export interface ChartDataSource {
   markerColor?: string; // 마커 색상 (예: "#ff0000")
   polygonColor?: string; // 폴리곤 색상 (예: "#0000ff")
   polygonOpacity?: number; // 폴리곤 투명도 (0.0 ~ 1.0, 기본값: 0.5)
+  markerType?: string; // 마커 종류 (circle, arrow)
 
   // 컬럼 매핑 (다중 데이터 소스 통합용)
   columnMapping?: Record<string, string>; // { 원본컬럼: 표시이름 } (예: { "name": "product" })

frontend/components/admin/dashboard/widget-sections/MapConfigSection.tsx

@@ -3,20 +3,30 @@
 import React from "react";
 import { QueryResult } from "../types";
 import { Label } from "@/components/ui/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { AlertCircle } from "lucide-react";
 
 interface MapConfigSectionProps {
   queryResult: QueryResult | null;
+  refreshInterval?: number;
+  markerType?: string;
+  onRefreshIntervalChange?: (interval: number) => void;
+  onMarkerTypeChange?: (type: string) => void;
 }
 
 /**
  * 지도 위젯 설정 섹션
- * - 위도/경도 매핑
- * 
- * TODO: 상세 설정 UI 추가 필요
+ * - 자동 새로고침 간격 설정
+ * - 마커 종류 선택
  */
-export function MapConfigSection({ queryResult }: MapConfigSectionProps) {
+export function MapConfigSection({ 
+  queryResult, 
+  refreshInterval = 5,
+  markerType = "circle",
+  onRefreshIntervalChange,
+  onMarkerTypeChange 
+}: MapConfigSectionProps) {
   // 쿼리 결과가 없으면 안내 메시지 표시
   if (!queryResult || !queryResult.columns || queryResult.columns.length === 0) {
     return (
@@ -34,13 +44,56 @@ export function MapConfigSection({ queryResult }: MapConfigSectionProps) {
 
   return (
     <div className="rounded-lg bg-background p-3 shadow-sm">
-      <Label className="mb-2 block text-xs font-semibold">지도 설정</Label>
-      <Alert>
-        <AlertCircle className="h-4 w-4" />
-        <AlertDescription className="text-xs">
-          지도 상세 설정 UI는 추후 추가 예정입니다.
-        </AlertDescription>
-      </Alert>
+      <Label className="mb-3 block text-xs font-semibold">지도 설정</Label>
+      
+      <div className="space-y-3">
+        {/* 자동 새로고침 간격 */}
+        <div className="space-y-1.5">
+          <Label htmlFor="refresh-interval" className="text-xs">
+            자동 새로고침 간격
+          </Label>
+          <Select
+            value={refreshInterval.toString()}
+            onValueChange={(value) => onRefreshIntervalChange?.(parseInt(value))}
+          >
+            <SelectTrigger id="refresh-interval" className="h-9 text-xs">
+              <SelectValue placeholder="새로고침 간격 선택" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="0" className="text-xs">없음</SelectItem>
+              <SelectItem value="5" className="text-xs">5초</SelectItem>
+              <SelectItem value="10" className="text-xs">10초</SelectItem>
+              <SelectItem value="30" className="text-xs">30초</SelectItem>
+              <SelectItem value="60" className="text-xs">1분</SelectItem>
+            </SelectContent>
+          </Select>
+          <p className="text-[10px] text-muted-foreground">
+            마커 데이터를 자동으로 갱신하는 주기를 설정합니다
+          </p>
+        </div>
+
+        {/* 마커 종류 선택 */}
+        <div className="space-y-1.5">
+          <Label htmlFor="marker-type" className="text-xs">
+            마커 종류
+          </Label>
+          <Select
+            value={markerType}
+            onValueChange={(value) => onMarkerTypeChange?.(value)}
+          >
+            <SelectTrigger id="marker-type" className="h-9 text-xs">
+              <SelectValue placeholder="마커 종류 선택" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="circle" className="text-xs">동그라미</SelectItem>
+              <SelectItem value="arrow" className="text-xs">화살표</SelectItem>
+            </SelectContent>
+          </Select>
+          <p className="text-[10px] text-muted-foreground">
+            지도에 표시할 마커의 모양을 선택합니다
+          </p>
+        </div>
+      </div>
     </div>
   );
 }