feat,misc: 지도 툴팁 on/off

hwe/ts/components/StaticMapTemplate.vue

@@ -6,6 +6,7 @@
       `map_theme_${mapTheme}`,
       drawableMap ? '' : 'draw_required',
       props.isDetailMap ? 'map_detail' : 'map_basic',
+      hideMapCityName ? 'hide_cityname' : '',
       getMapSeasonClassName(),
     ]"
   >
@@ -28,20 +29,24 @@
       <div class="map_button_stack">
         <button
           type="button"
-          class="btn btn-primary map_toggle_cityname btn-sm btn-minimum"
+          :class="['btn btn-primary map_toggle_cityname btn-sm btn-minimum', hideMapCityName ? 'active' : '']"
           data-bs-toggle="button"
-          aria-pressed="false"
+          :aria-pressed="hideMapCityName"
           autocomplete="off"
+          @click="hideMapCityName = !hideMapCityName"
         >
           도시명 표기</button
         ><br />
         <button
-          v-if="deviceType != 'mouseOnly'"
+          :style="{
+            display: deviceType != 'mouseOnly' ? 'block' : 'none',
+          }"
           type="button"
-          class="btn btn-secondary map_toggle_single_tap btn-sm btn-minimum"
+          :class="['btn btn-secondary map_toggle_double_tap btn-sm btn-minimum', toggleSingleTap ? 'active' : '']"
           data-bs-toggle="button"
-          aria-pressed="false"
+          :aria-pressed="toggleSingleTap"
           autocomplete="off"
+          @click="toggleSingleTap = !toggleSingleTap"
         >
           두번 탭 해 도시 이동
         </button>
@@ -160,7 +165,7 @@ import MapCityBasic from "./MapCityBasic.vue";
 import MapCityDetail from "./MapCityDetail.vue";
 import { convertDictById } from "@/common_legacy";
 import { useElementSize, useMouseInElement } from "@vueuse/core";
-
+import { hideMapCityName, toggleSingleTap } from "@/state/mapViewer";
 const uuid = uuidv4();
 const gameConstStore = unwrap_err(
   inject<Ref<GameConstStore>>("gameConstStore"),