refactor(map): replace tooltip with popup for better interaction

src/components/AscGISMap.vue

@@ -26,7 +26,9 @@ const apiKey = ref<string>(
   // 'AAPK4f700a4324d04e9f8a1a134e0771ac45FXWawdCl-OotFfr52gz9XKxTDJTpDzw_YYcwbmKDDyAJswf14FoPyw0qBkN64DvP'
 )
 const zoomMap = ref<number>(18)
-const textTooltip = ref<string>('พื้นที่ใกล้เคียง: สถานที่สำคัญรอบตัวคุณ (ไม่ใช่ตำแหน่งปัจจุบัน)')
+const textTooltip = ref<string>(
+  'พื้นที่ใกล้เคียง: สถานที่สำคัญรอบตัวคุณ (ไม่ใช่ตำแหน่งปัจจุบัน)'
+)
 
 async function initializeMap() {
   try {
@@ -334,17 +336,10 @@ defineExpose({
               <q-icon
                 name="mdi-information-outline"
                 size="xs"
-                class="q-mr-xs"
-                @click.stop
+                class="q-mr-xs cursor-pointer"
+                @click.stop="$q.dialog({ message: textTooltip, ok: 'ปิด' })"
               />
             </q-item-label>
-            <q-tooltip
-              anchor="top middle"
-              self="bottom middle"
-              :offset="[0, 5]"
-            >
-              {{ textTooltip }}
-            </q-tooltip>
             <q-item-label class="text-weight-medium text-grey-9">
               {{ poiPlaceName }}
             </q-item-label>