kjs
/
ERP-node
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

차량이 무조건 오른쪽을 보게 수정

This commit is contained in:
dohyeons 2025-11-20 14:47:04 +09:00
parent 751a5da119
commit cdd9bdfd95
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/components/dashboard/widgets/MapTestWidgetV2.tsx
View File

@ -1271,7 +1271,8 @@ export default function MapTestWidgetV2({ element }: MapTestWidgetV2Props) {
let markerIcon: any;
if (typeof window !== "undefined") {
const L = require("leaflet");
const heading = marker.heading || 0;
// heading이 없거나 0일 때 기본값 90(동쪽/오른쪽)으로 설정하여 처음에 오른쪽을 보게 함
const heading = marker.heading || 90;
if (markerType === "arrow") {
// 화살표 마커
@ -1303,6 +1304,9 @@ export default function MapTestWidgetV2({ element }: MapTestWidgetV2Props) {
});
} else if (markerType === "truck") {
// 트럭 마커
// 트럭 아이콘이 오른쪽(90도)을 보고 있으므로, 북쪽(0도)으로 가려면 -90도 회전 필요
const rotation = heading - 90;
markerIcon = L.divIcon({
className: "custom-truck-marker",
html: `
@ -1312,11 +1316,11 @@ export default function MapTestWidgetV2({ element }: MapTestWidgetV2Props) {
display: flex;
align-items: center;
justify-content: center;
transform: translate(-50%, -50%) rotate(${heading}deg);
transform: translate(-50%, -50%) rotate(${rotation}deg);
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
">
<svg width="48" height="48" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
<g transform="rotate(-90 20 20)">
<g>
<!-- 트럭 적재함 -->
<rect
x="10"