From 6b3a5dbab4a9e491ae11a43d7a68a37e6e6453a9 Mon Sep 17 00:00:00 2001 From: yaoyuhao Date: Wed, 7 Aug 2024 14:36:33 +0800 Subject: [PATCH] gx --- src/view/home.vue | 10 +-- src/view/sy_mapcopy.vue | 134 ++++++++++++++++++++++++++++++---------- 2 files changed, 102 insertions(+), 42 deletions(-) diff --git a/src/view/home.vue b/src/view/home.vue index f091900..b10f99e 100644 --- a/src/view/home.vue +++ b/src/view/home.vue @@ -7,15 +7,7 @@
- - - + diff --git a/src/view/sy_mapcopy.vue b/src/view/sy_mapcopy.vue index 13b89ce..8c62d8a 100644 --- a/src/view/sy_mapcopy.vue +++ b/src/view/sy_mapcopy.vue @@ -119,15 +119,15 @@ v-for="(item, index) in jbfwqTotal" :key="index" > -
{{ item.name }}
+
{{ item.xzjd }}
- {{ itemm.name }} + {{ itemm.jc }}
@@ -141,8 +141,11 @@
@@ -959,6 +962,24 @@ const yaosuTotal = ref([ wz: true, }, ]); +//选中的资源要素 +const yaosuList = ref([]); +//选中资源要素坐标 +const yaosuIcon = ref({ + 体育场所: { + sj: [], + }, + 幼儿园: { sj: [] }, + 小学: { sj: [] }, + 初中: { sj: [] }, + 高中: { sj: [] }, + 医院: { sj: [] }, + 南孔书院: { sj: [] }, + 养老机构: { sj: [] }, + 汽车充电桩: { sj: [] }, + 卫生服务中心: { sj: [] }, + AED: { sj: [] }, +}); // 鼠标点击添加点位 let currentMarker = null; // 用于保存当前标记的引用 // 详情弹框 @@ -1789,9 +1810,58 @@ const changeRs2 = (id) => { addJd2(); } }; -const changeys = (id) => { - choose.value.yaosu = id; +//----------资源要素------------ +//判断数组中是否包含某个字符 +const removeCharFromArray = (arr, charToRemove) => { + // 如果数组包含该字符，则过滤掉它 + if (arr.includes(charToRemove)) { + return arr.filter((ch) => ch !== charToRemove); + } else { + arr.push(charToRemove); + return arr; + } }; +const changeys = (name) => { + if (yaosuList.value.includes(name)) { + yaosuList.value = yaosuList.value.filter((ch) => ch !== name); + } else { + yaosuList.value.push(name); + yaosuIcon.value.forEach((item,index)=>{ + createZyys() + }) + } + // yaosuList.value = removeCharFromArray(yaosuList.value, name); +}; +// 添加资源要素的图标 +const createZyys = (polygon, indexx) => { + // data.fwqCoordinates = polygon.point; + function createLabelDOM() { + var content = document.createElement("div"); + content.style.display = "flex"; + content.style.flexDirection = "column"; + content.style.alignItems = "center"; + content.style.height = "40px"; + content.style.width = "40px"; + content.style.zIndex = BMapGL.Overlay.getZIndex(this.point.lat); + let img2 = document.createElement("img"); + img2.style.width = "20px"; + img2.style.height = "20px"; + img2.src = this.properties.imgSrc2; + content.appendChild(img2); + return content; + } + fwq_list_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { + point: new BMapGL.Point(...polygon.point), + opacity: 0.5, + offsetY: -10, + properties: { + imgSrc2: polygon.img2, + type: "customOverlay", + }, + }); + map.addOverlay(fwq_list_arr.value[indexx]); +}; +//----------资源要素------------ //点击街道，回到街道 const to_jd = (item_name) => { clear(); @@ -1942,18 +2012,20 @@ const person_detail = (age) => { const getFwq = () => { http.get(`/api/ggfwyth/ysyzt/listXzjdAndCsq`).then((res) => { if (res.code == 200) { - res.data.forEach((item,index) => { - jbfwqTotal.value.push({ - name:item.xzjd, - child:[], - }) - item.csqs.forEach((item2) => { - jbfwqTotal.value[index].child.push({ - name:item2.csq, - jc:item2.jc - }) - }); - }); + jbfwqTotal.value=res.data; + // res.data.forEach((item, index) => { + + // jbfwqTotal.value.push({ + // name: item.xzjd, + // child: [], + // }); + // item.csqs.forEach((item2) => { + // jbfwqTotal.value[index].child.push({ + // name: item2.csq, + // jc: item2.jc, + // }); + // }); + // }); } }); }; @@ -1994,7 +2066,7 @@ const changeFwq = async (id, name, names) => { const getServiceCircle = async (communityName, townName) => { try { const response = await http.get( - `/api/ggfwyth/ysyzt/zyysxx?csq=${communityName}&xzjd=${townName}` + `/api/ggfwyth/ysyzt/zyysxx?jc=${communityName}&xzjd=${townName}` ); if (response.code === 200) { updateFwqList(response.data, townName, communityName); @@ -2250,10 +2322,6 @@ const addPolygonCounty = () => { // townName.value = item.name; if (item.name == cfJd.value) { } else { - // cs_qk_arr.value.forEach((item, index) => { - // map.removeOverlay(cs_qk_arr.value[index]); - // }); - // cs_qk_arr.value.length=0; clear(); xkzDk.length = 0; cfJd.value = item.name; @@ -2384,8 +2452,8 @@ const createCustomOverlayJd2 = (polygon, indexx) => { content.style.flexDirection = "column"; content.style.alignItems = "center"; content.style.zIndex = BMapGL.Overlay.getZIndex(this.point.lat); - content.style.height = "30px"; - content.style.width = "30px"; + content.style.height = "20px"; + content.style.width = "20px"; var div = document.createElement("div"); div.style.color = "#333"; div.style.whiteSpace = "nowrap"; @@ -2448,7 +2516,7 @@ const createCustomOverlayJd2 = (polygon, indexx) => { jdm_number_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, - offsetY: 0, + offsetY: -10, properties: { title: polygon.name, number: polygon[`${num}`], @@ -2762,7 +2830,7 @@ const createCs = (polygon, indexx) => { cs_name_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, - offsetY: 0, + offsetY: -10, properties: { title: polygon.name, imgSrc2: dwd, @@ -2838,7 +2906,7 @@ const createCs2 = (polygon, indexx) => { cs_number_name_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, - offsetY: 0, + offsetY: -10, properties: { title: polygon.name, number: polygon[`${num}`], @@ -2907,7 +2975,7 @@ const DGcreateCs = (polygon, indexx) => { cs_dd_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, - offsetY: 0, + offsetY: -10, properties: { title: polygon.name, imgSrc2: dwd, @@ -2988,7 +3056,7 @@ const DGcreateCs2 = (polygon, indexx) => { cs_dd_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, - offsetY: 0, + offsetY: -10, properties: { title: polygon.name, number: polygon[`${num}`],