From 2c67eff444ab353d6a35fd8954899aade6ef5b18 Mon Sep 17 00:00:00 2001 From: duanxiaohai <1812246227@qq.com> Date: Wed, 24 Jul 2024 16:00:36 +0800 Subject: [PATCH 1/2] gx --- src/assets/images/map/AED.png | Bin 0 -> 7527 bytes src/view/sy_details.vue | 1 + src/view/sy_map.vue | 20 ++++++++++++-------- src/view/sy_table.vue | 3 ++- 4 files changed, 15 insertions(+), 9 deletions(-) create mode 100644 src/assets/images/map/AED.png diff --git a/src/assets/images/map/AED.png b/src/assets/images/map/AED.png new file mode 100644 index 0000000000000000000000000000000000000000..f4a5f22849e8e2246de2ba4111d20d5806c986b3 GIT binary patch literal 7527 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 xi;*;^^<^>gX1Ui { .module { width: 100%; height: 943px; + margin-top: 112px; display: flex; justify-content: space-between; padding: 10px 45px; diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index 6b388a4..c121212 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -129,6 +129,8 @@ import b4 from "@/assets/images/map/b4.png"; import b5 from "@/assets/images/map/b5.png"; import b6 from "@/assets/images/map/b6.png"; import xcbg from "@/assets/images/map/xcbg.png"; + +import AED from "@/assets/images/map/AED.png"; //删除 const jdm_arr = ref([]); const jdm_number_arr = ref([]); @@ -333,16 +335,18 @@ const xkzCenter = reactive([ }, ]); var map = null; - +// 鼠标点击添加点位 const BMAP = () => { // 添加鼠标点击事件监听器 map.addEventListener("click", function (e) { - console.log(e.point, 666); - // console.log(e.point.latLng.lng,e.point.latLng.lat, 666); - // var pt = e.point; // 获取点击的坐标 - map.addOverlay(marker); - var marker = new BMapGL.Marker(new BMapGL.Point(e.point.lng,e.point.lat)); // 创建点 - // var marker = new BMapGL.Marker(pt); // 创建标注 + let icons = ""; + 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, + } + ); // 创建点 map.addOverlay(marker); // 将标注添加到地图中 }); }; @@ -358,8 +362,8 @@ const initMap = () => { //渲染地块 addPolygonCounty(); //添加街道名 - addJd(); BMAP(); + addJd(); }; const loadTown = () => { for (let v of mapTown.features) { diff --git a/src/view/sy_table.vue b/src/view/sy_table.vue index d1ca2c8..c4d2573 100644 --- a/src/view/sy_table.vue +++ b/src/view/sy_table.vue @@ -440,6 +440,7 @@ const rowState = (row) => { img { width: 24px; height: 24px; + margin-right: 8px; } .tableli { font-size: 26px; @@ -451,7 +452,7 @@ const rowState = (row) => { height: 29px; background: rgba(255, 255, 255, 0.2); border-radius: 15px; - border: 0px solid #ffffff; + border: 1px solid #ffffff6b; color: #ffffff; font-weight: 400; From 1d35bfb5122f8e5916c301fc6fa57391e6e6af11 Mon Sep 17 00:00:00 2001 From: yaoyuhao Date: Wed, 24 Jul 2024 16:18:27 +0800 Subject: [PATCH 2/2] gx --- src/view/sy_map.vue | 23 +++++++++++++++++++++-- 1 file changed, 21 insertions(+), 2 deletions(-) diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index 1eff34d..bd0fb72 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -137,6 +137,7 @@ const cs_qk_arr = ref([]); const cs_name_arr = ref([]); const cs_number_name_arr = ref([]); // +const jrcs=ref(false) const title_choose = ref("龙游县"); //村社颜色列表 const colorList = [ @@ -168,6 +169,8 @@ const colorList = [ bg: "RGBA(27, 91, 55, 1)", }, ]; +//选中社区 + //中心点坐标 const center_now = ref([]); const center_center = ref([119.178783, 29.034583]); @@ -404,8 +407,16 @@ const addPolygonCounty = () => { map.addOverlay(polygon); polygon.addEventListener("click", () => { console.log(item.name); - if (title_choose.value.includes("溪口镇")) { + if(item.name !== "溪口镇"){ + jrcs.value=false; + console.log( jrcs.value,'000'); + } + if (jrcs.value && item.name !== "溪口镇") { + console.log(1); } else { + console.log(2); + + jrcs.value=true; let jdCenter = []; if (item.name == "溪口镇") { if (!title_choose.value.includes("溪口镇")) { @@ -418,6 +429,7 @@ const addPolygonCounty = () => { jdCenter = item.center; } }); + console.log( jrcs.value); addCs(); goMapCenter(jdCenter, 13); } else { @@ -493,7 +505,13 @@ const addPolygonCountyCs = () => { }); map.addOverlay(cs_qk_arr.value[index]); cs_qk_arr.value[index].addEventListener("click", () => { - console.log(111); + console.log(item.name); + // console.log(111,xkzDk); + // xkzDk.forEach((itemm,indexx)=>{ + // if(itemm.name==item.name){ + + // } + // }) // let jdCenter = []; // if (item.name == "溪口镇") { // if (!title_choose.value.includes("溪口镇")) { @@ -521,6 +539,7 @@ const addPolygonCountyCs = () => { } }); }; + // 添加地图上的街道名 const createCustomOverlayJd = (polygon, indexx) => {