| | |
|---|
| | | |
|---|
| | | const store = useCommandCenterStore() |
|---|
| | | |
|---|
| | | const localLayers = reactive({ |
|---|
| | | point: true, |
|---|
| | | }) |
|---|
| | | |
|---|
| | | const layerItems = computed(() => [ |
|---|
| | | { |
|---|
| | | key: 'vehicle', |
|---|
| | |
|---|
| | | { |
|---|
| | | key: 'point', |
|---|
| | | label: '运营点位', |
|---|
| | | active: localLayers.point, |
|---|
| | | toggle: () => { localLayers.point = !localLayers.point }, |
|---|
| | | active: store.layerVisibility.point, |
|---|
| | | toggle: () => store.toggleLayer('point', !store.layerVisibility.point), |
|---|
| | | iconHtml: '<svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>', |
|---|
| | | }, |
|---|
| | | { |
|---|
