fix: add CSS rotate transform to map-container div (was missing, causing no visual rotation)

2026-05-17 21:54:22 +08:00
parent 8222ff7bae
commit 4fd124e4bd
2 changed files with 279 additions and 79 deletions
@@ -56,7 +56,7 @@
              <button class="btn btn-secondary" style="padding:4px 10px;font-size:12px" @click="resetMapView">重置</button>
            </div>
          </div>
-          <div class="map-container" style="position:relative;background:#111;border-radius:8px;overflow:hidden">
+          <div class="map-container" :style="{ transform: 'rotate(' + mapRotation + 'deg)', transition: 'transform 0.3s ease' }" style="position:relative;background:#111;border-radius:8px;overflow:hidden">
            <img :src="mapImageUrl" @error="onMapError" @click="onMapClick" style="width:100%;display:block;cursor:crosshair" title="点击地图导航到该位置">
            <div class="map-overlay">
              <!-- AGV 实时位置 -->