修改区域

src/components/ruler.vue

@@ -1,7 +1,7 @@
 <template>
   <!--    <div class="container" ref="containerRef" @wheel.prevent="onWheel">-->
   <div class="container" ref="containerRef">
-    <div class="leftLine"></div>
+    <!--    <div class="leftLine"></div>-->
     <!-- 左侧竖向刻度尺 -->
     <div class="ruler vertical" :style="{ backgroundColor: bgColor }">
       <div class="ruler-content" :style="{ height: contentHeight + 'px' ,transform: 'rotate(180deg)'}">
@@ -114,14 +114,14 @@ const props = defineProps({
 // }, 1000)
 
 const dots = ref([
-  {
+  // {
-    x: 100,
+  //   x: 100,
-    y: 100,
+  //   y: 100,
-  },
+  // },
-  {
+  // {
-    x: 200,
+  //   x: 200,
-    y: 200,
+  //   y: 200,
-  }
+  // }
 ])
 
 const boxSize = 30
@@ -272,7 +272,7 @@ const verticalTicks = computed(() =>
   background-image: url("../assets/car.png");
   background-repeat: no-repeat;
   background-size: 100% 100%;
-  transition: all 1s ease;
+  transition: top 1s ease, left 1s ease;
 }
 
 .box .scan {

src/views/index.vue

@@ -376,7 +376,7 @@ const socketData = [
   }
 ]
 let area = {
-  "LatMin": 36.81577853,
+  "LatMin": 36.81557853,
   "LatMax": 36.83443849,
   "LonMin": 117.20547607,
   "LonMax": 117.21286414,
@@ -448,6 +448,8 @@ const processData = (data) => {
   if (data.ty === 2) {
   }
   if (data.ty === 3) {
+  }
+  if (data.ty === 4) {
     console.log(data.Longitude > area.LonMin, data.Longitude < area.LonMax, data.Latitude > area.LatMin, data.Latitude < area.LatMax)
     if (data.Longitude > area.LonMin && data.Longitude < area.LonMax && data.Latitude > area.LatMin && data.Latitude < area.LatMax) {
       let location = {
@@ -461,8 +463,6 @@ const processData = (data) => {
     }
 
   }
-  if (data.ty === 4) {
-  }
 };