perf: data component map componet add mark the strart point && mark the end point

@@ -39,7 +39,6 @@
         label: item.attribute,
         value: item.attribute,
       }));
-      console.log(options);
       updateSchema([
         {
           field: SchemaFiled.DEVICE_ID,

@@ -68,6 +68,7 @@
         ts: lng.ts,
       };
       if (unref(trackList).length && isEqual(unref(trackList).at(-1), record)) return;
+      marketPoint({ lat: lat.value, lng: lng.value });
       trackList.value.push(record);
 
       randomAnimation(unref(trackList));
@@ -75,13 +76,13 @@
     }
   });
 
-  // function marketPoint(params: Record<'lng' | 'lat', number>) {
-  //   const { lng, lat } = params;
-  //   const BMap = (window as any).BMapGL;
-  //   const marker = new BMap.Marker(new BMap.Point(lng, lat));
-  //   unref(mapInstance)?.centerAndZoom(new BMap.Point(lng, lat));
-  //   unref(mapInstance)?.addOverlay(marker);
-  // }
+  function marketPoint(params: Record<'lng' | 'lat', number>) {
+    const { lng, lat } = params;
+    const BMap = (window as any).BMapGL;
+    const marker = new BMap.Marker(new BMap.Point(lng, lat));
+    unref(mapInstance)?.centerAndZoom(new BMap.Point(lng, lat));
+    unref(mapInstance)?.addOverlay(marker);
+  }
 
   const prepare = ref(false);
   async function initMap() {
@@ -141,15 +142,21 @@
     const pl = new BMapGL.Polyline(point);
     const BMapGLLib = (window as any).BMapGLLib;
 
+    marketPoint({ lat: path.at(0)?.lat, lng: path.at(0)?.lng });
     const dynamicPlayMethod = {
       [startMethodName]() {
+        const duration = 5000;
+        const delay = 300;
         trackAni.value = new BMapGLLib.TrackAnimation(unref(mapInstance), pl, {
           overallView: true,
           tilt: 30,
-          duration: 5000,
-          delay: 300,
+          duration,
+          delay,
         });
         trackAni.value!.start();
+        setTimeout(() => {
+          marketPoint({ lat: path.at(-1)?.lat, lng: path.at(-1)?.lng });
+        }, duration + delay);
       },
     };