From 8ec0e2207ca7a3d5e82e43602d423130991a1dd8 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 17 Mar 2025 17:10:24 +0700
Subject: [PATCH] fix MAP

---
 src/components/AscGISMap.vue | 49 ++++++++++++++++++++++--------------
 src/views/HomeView.vue       |  6 +++--
 2 files changed, 34 insertions(+), 21 deletions(-)

diff --git a/src/components/AscGISMap.vue b/src/components/AscGISMap.vue
index 728ded1..693f7d7 100644
--- a/src/components/AscGISMap.vue
+++ b/src/components/AscGISMap.vue
@@ -198,13 +198,24 @@ onMounted(async () => {
 
 <template>
   <!-- Loading skeleton -->
-  <div v-if="!poiPlaceName" class="col-12 ">
-    <q-skeleton :height="$q.screen.gt.xs? '35vh': '45px'" width="100%" :style="$q.screen.gt.xs? ';':'border-radius: 20px'" class="bg-grey-4" />
+  <div v-if="!poiPlaceName" class="col-12">
+    <q-skeleton
+      :height="$q.screen.gt.xs ? '35vh' : '45px'"
+      width="100%"
+      :style="$q.screen.gt.xs ? ';' : 'border-radius: 20px'"
+      class="bg-grey-4"
+    />
   </div>
 
-  <q-card v-show="poiPlaceName" bordered flat class="col-12 bg-grey-2 shadow-0" :style="$q.screen.gt.xs? ';':'border-radius: 20px'" >
-    <div v-if="$q.screen.gt.xs" >
-      <div id="mapViewDisplay" style="height: 35vh;"></div>
+  <q-card
+    v-show="poiPlaceName"
+    bordered
+    flat
+    class="col-12 bg-grey-2 shadow-0"
+    :style="$q.screen.gt.xs ? ';' : 'border-radius: 20px'"
+  >
+    <div v-if="$q.screen.gt.xs">
+      <div id="mapViewDisplay" style="height: 35vh"></div>
 
       <div
         :class="
@@ -218,32 +229,32 @@ onMounted(async () => {
         {{ poiPlaceName }}
       </div>
     </div>
-    
 
-    <q-card v-else  style="border-radius: 20px;">
-      <q-expansion-item 
+    <q-card v-else style="border-radius: 20px">
+      <q-expansion-item
         class="shadow-1 overflow-hidden bg-grey-4 text-left"
         style="border-radius: 20px"
         dense
+        default-opened
       >
         <template v-slot:header>
-            <q-item-section avatar class="q-pr-none expanAS">
-              <q-avatar icon="mdi-map-marker"  />
-            </q-item-section>
+          <q-item-section avatar class="q-pr-none expanAS">
+            <q-avatar icon="mdi-map-marker" />
+          </q-item-section>
 
-            <q-item-section>
-              {{ poiPlaceName }}
-            </q-item-section>
-          </template>
+          <q-item-section>
+            {{ poiPlaceName }}
+          </q-item-section>
+        </template>
 
-          <div id="mapViewDisplay" style="height: 20vh;"></div>
+        <div id="mapViewDisplay" style="height: 20vh"></div>
       </q-expansion-item>
     </q-card>
-      
   </q-card>
 </template>
-<style >
-.expanAS.q-item__section--avatar{
+
+<style>
+.expanAS.q-item__section--avatar {
   min-width: 40px !important;
 }
 </style>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 935dd5b..38a3f4a 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -387,9 +387,11 @@ onMounted(async () => {
               >
                 <div class="col-xs-12 col-sm-8 gt-xs">
                   <div class="col-12">
-                    <MapCheck @update:location="updateLocation" />
+                    <MapCheck
+                      v-if="$q.screen.gt.xs"
+                      @update:location="updateLocation"
+                    />
                   </div>
-                  <!-- <AscMaps /> -->
                 </div>
                 <div class="col-xs-12 col-sm-4">
                   <q-card