From 41c1aa8e45acf084bdb83f6ec8392aceef7c4758 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 21 Apr 2026 16:41:59 +0700
Subject: [PATCH] refactor(map): replace tooltip with popup for better
 interaction

---
 src/components/AscGISMap.vue | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/components/AscGISMap.vue b/src/components/AscGISMap.vue
index 76d4443..d1a7ce1 100644
--- a/src/components/AscGISMap.vue
+++ b/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>