fixed use icon pin in assets

src/components/AscGISMap.vue

@@ -13,6 +13,8 @@ import axios from 'axios'
 import { useCounterMixin } from '@/stores/mixin'
 import { useQuasar } from 'quasar'
 import { usePrivacyStore } from '@/stores/privacy'
+import markerRedUrl from '@/assets/markers/marker-red.svg?url'
+import markerBlueUrl from '@/assets/markers/marker-blue.svg?url'
 
 const mixin = useCounterMixin()
 const { messageError } = mixin
@@ -275,7 +277,7 @@ async function initializeMap() {
     const userPoint = new Point({ longitude, latitude })
     const userSymbol = {
       type: 'picture-marker',
-      url: 'http://maps.google.com/mapfiles/ms/icons/red.png',
+      url: markerRedUrl,
       width: '32px',
       height: '32px',
     }
@@ -315,7 +317,7 @@ async function initializeMap() {
     //     })
     //     const poiSymbol = {
     //       type: 'picture-marker',
-    //       url: 'http://maps.google.com/mapfiles/ms/icons/blue.png',
+    //       url: markerBlueUrl,
     //       width: '32px',
     //       height: '32px',
     //     }
@@ -371,7 +373,7 @@ async function initializeMap() {
         })
         const poiSymbol = {
           type: 'picture-marker',
-          url: 'http://maps.google.com/mapfiles/ms/icons/blue.png',
+          url: markerBlueUrl,
           width: '32px',
           height: '32px',
         }

src/components/AscGISMapTime.vue

@@ -2,6 +2,7 @@
 import { nextTick, onBeforeUnmount, onMounted, shallowRef, ref } from 'vue'
 import { loadModules } from 'esri-loader'
 import axios from 'axios'
+import markerRedUrl from '@/assets/markers/marker-red.svg?url'
 
 const emit = defineEmits(['update:location'])
 
@@ -140,7 +141,7 @@ async function initializeMap() {
 
           // สร้างสัญลักษณ์ของหมุด
           const markerSymbol = new PictureMarkerSymbol({
-            url: 'https://maps.google.com/mapfiles/ms/icons/red-dot.png', // รูปหมุด
+            url: markerRedUrl,
             width: '32px',
             height: '32px',
           })