laic-frontend/docs/superpowers/plans/2026-08-28-monitor-map-chrome.md

MonitorMapChrome Implementation Plan

For agentic workers: REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (- [ ]) syntax for tracking.

Goal: 抽出地图 chrome（toolbar/legend/scale）。

Spec: docs/superpowers/specs/2026-08-28-monitor-map-chrome-design.md

Task 1

Create MonitorMapChrome.vue；MonitorView：

<div class="map-panel">
  <MonitorMapChrome
    :map-mode="mapMode"
    :scale-text="mapScaleText"
    @set-map-mode="setMapMode"
    @fit-all="fitAll"
  >
    <CommandProgressFloat ... />
  </MonitorMapChrome>
</div>

或 chrome 不包 slot、同级放置 float 也可——保持 float 仍在 .map-panel 内。

Commit: refactor: 抽取 MonitorMapChrome 地图工具条图例

Task 2 冒烟

卫星/地图切换 class active；fit 按钮可点；比例尺文案存在。

约束

跳过全量测试；Main 可冒烟