gx

src/view/guide.vue

@@ -29,7 +29,7 @@
               :style="{
                 transform: `rotateY(${45 * indexP}deg) translateZ(450px)`,
               }"
-              @click="toPage(itemP.url)"
+              @click.stop="toPage(itemP.url)"
             >
               <div class="animate-border">
                 <i></i>
@@ -76,6 +76,8 @@ import png3 from "@/assets/guide/Dp/3.png";
 import png4 from "@/assets/guide/Dp/4.png";
 import png5 from "@/assets/guide/Dp/5.png";
 import png6 from "@/assets/guide/Dp/6.png";
+import png7 from "@/assets/guide/Dp/7.png";
+import png8 from "@/assets/guide/Dp/8.png";
 const router = useRouter();
 const routers = useRoute();
 
@@ -184,31 +186,31 @@ const tabData = reactive({
       url: "/home/index/table",
     },
     {
-      img: png1,
+      img: png2,
       url: "/home/index/map",
     },
     {
-      img: png1,
+      img: png3,
       url: "/home/index",
     },
     {
-      img: png2,
+      img: png4,
       url: "/home/yl",
     },
     {
-      img: png3,
+      img: png5,
       url: "/home/hygiene",
     },
     {
-      img: png4,
+      img: png6,
       url: "/home/education",
     },
     {
-      img: png5,
+      img: png7,
       url: "/home/work",
     },
     {
-      img: png6,
+      img: png8,
       url: "/home/analyze",
     },
   ],
@@ -226,7 +228,7 @@ const changeTab = (val) => {
 };
 
 const toPage = (val) => {
-  // console.log(val);
+  console.log(val);
   router.push({
     path: `${val}`,
   });

src/view/sy_map.vue

@@ -391,6 +391,7 @@ const xkzCenter = reactive([
 var map = null;
 // 鼠标点击添加点位
 let currentMarker = null; // 用于保存当前标记的引用
+<<<<<<< HEAD
 const BMAP = (name) => {
   // console.log(name, 666);
   // 添加鼠标点击事件监听器
@@ -421,7 +422,26 @@ const BMAP = (name) => {
     map.addOverlay(marker.value);
     currentMarker = marker.value;
     // addCs();
+=======
+const markera = (e) => {
+  // console.log(`${e.latlng.lng},${e.latlng.lat} `, "name");
+  // 检查并移除当前标记
+  if (currentMarker !== null) {
+    map.removeOverlay(currentMarker);
+  }
+  // 创建新标记
+  let icons = new BMapGL.Icon(AED, new BMapGL.Size(24, 62));
+  var marker = new BMapGL.Marker(new BMapGL.Point(e.latlng.lng, e.latlng.lat), {
+    icon: icons,
+>>>>>>> 5f87d337a21a3b331619d0bbf01cb87ac10df9cc
   });
+  // 将新标记添加到地图中并更新当前标记引用
+  map.addOverlay(marker);
+  currentMarker = marker;
+};
+const BMAP = () => {
+  // 添加鼠标点击事件监听器
+  map.addEventListener("click", markera);
 };
 
 const initMap = () => {
@@ -435,7 +455,6 @@ const initMap = () => {
   //渲染地块
   addPolygonCounty();
   //添加街道名
-  // BMAP();
   addJd();
 };
 const loadTown = () => {
@@ -499,8 +518,12 @@ const addPolygonCounty = () => {
           cfjiedao.value = item.name;
           let jdCenter = [];
           if (item.name == "溪口镇") {
+<<<<<<< HEAD
             cfJd.value = item.name;
             getDatas2("溪口镇", choose.value.person);
+=======
+            BMAP();
+>>>>>>> 5f87d337a21a3b331619d0bbf01cb87ac10df9cc
             if (!title_choose.value.includes("溪口镇")) {
               title_choose.value = title_choose.value + `>${item.name}`;
             }
@@ -520,6 +543,10 @@ const addPolygonCounty = () => {
             console.log("dbfjdsbfjds", choose.value.person);
             goMapCenter(jdCenter, 13);
           } else {
+            map.removeEventListener("click", markera);
+            if (currentMarker !== null) {
+              map.removeOverlay(currentMarker);
+            }
             // xuanzhongCs.value = [];
             // sfdd.value = false;
             // title_choose.value = "";
@@ -698,7 +725,10 @@ const addCsChoose = () => {
   chooseCsList.value.map((item, index) => {
     console.log("item11", item.name);
     sqname.value = item.name;
+<<<<<<< HEAD
     // BMAP(item.name);
+=======
+>>>>>>> 5f87d337a21a3b331619d0bbf01cb87ac10df9cc
     let fillColor = "blue";
     //地区的坐标范围
     let points = [];
@@ -2232,6 +2262,7 @@ onMounted(() => {
   BMAP();
 });
 </script>
+
 <style lang="scss" scoped>
 ::v-deep .anchorBL {
   display: none;
@@ -2469,7 +2500,8 @@ onMounted(() => {
           width: 370px;
           display: flex;
           flex-flow: row wrap;
-          border-radius: 3px;
+          border-radius: 6px;
+          overflow: hidden;
 
           .jbggfwq_content_item_right_item {
             cursor: pointer;
@@ -2504,6 +2536,9 @@ onMounted(() => {
           :nth-child(4n).jbggfwq_content_item_right_item::after {
             opacity: 0;
           }
+          :last-child.jbggfwq_content_item_right_item::after {
+            opacity: 0;
+          }
 
           .choose {
             background-image: url(@/assets/images/map/choose.png);