From 847bf45e980cd3b9e721f9d56ea690e277d222d7 Mon Sep 17 00:00:00 2001 From: yaoyuhao Date: Wed, 24 Jul 2024 15:04:19 +0800 Subject: [PATCH] gx --- src/assets/images/map/xcbg.png | Bin 0 -> 5488 bytes src/view/sy_map.vue | 232 +++++++++++++++++++++------------ 2 files changed, 150 insertions(+), 82 deletions(-) create mode 100644 src/assets/images/map/xcbg.png diff --git a/src/assets/images/map/xcbg.png b/src/assets/images/map/xcbg.png new file mode 100644 index 0000000000000000000000000000000000000000..0e4cd16f3390eded26a11cd688b2ed165bc05ed7 GIT binary patch literal 5488 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 T>^0hyP(l0M4$>aD0Nnor*J!Aj literal 0 HcmV?d00001 diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index a54199e..a450936 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -126,6 +126,15 @@ import b3 from "@/assets/images/map/b3.png"; 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"; +//删除 +const jdm_arr = ref([]); +const jdm_number_arr = ref([]); +const fwq_list_arr = ref([]); +const cs_qk_arr = ref([]); +const cs_name_arr = ref([]); +const cs_number_name_arr = ref([]); +// const title_choose = ref("龙游县"); //村社颜色列表 const colorList = [ @@ -157,6 +166,9 @@ const colorList = [ bg: "RGBA(27, 91, 55, 1)", }, ]; +//中心点坐标 +const center_now = ref([]); +const center_center = ref([119.178783, 29.034583]); //地图设置 const mapTownCount = reactive([ { @@ -322,7 +334,7 @@ var map = null; const initMap = () => { map = new BMapGL.Map("map", { minZoom: 11, maxZoom: 20 }); map.enableScrollWheelZoom(true); - map.setMapType(BMAP_EARTH_MAP); + map.setMapType(BMAP_SATELLITE_MAP); goMapCenter([119.178783, 29.034583], 12); //加载乡镇信息 loadTown(); @@ -371,23 +383,28 @@ const addPolygonCounty = () => { map.addOverlay(polygon); } }); + // mapTownCount.map((item) => { // createCustomOverlayJd(item); // }); }; //添加街道名 const addJd = () => { - mapTownCount.map((item) => { - createCustomOverlayJd(item); + mapTownCount.map((item, index) => { + createCustomOverlayJd(item, index); }); }; //添加街道名2含数量 const addJd2 = () => { - goMapCenter([119.178783, 29.034581], 12); - mapTownCount.map((item) => { - createCustomOverlayJd2(item); + if (center_now.value[0] == 119.178783) { + goMapCenter([119.178783, 29.034581], 12); + } + mapTownCount.map((item, index) => { + createCustomOverlayJd2(item, index); }); - goMapCenter([119.178783, 29.034583], 12); + if (center_now.value[0] == 119.178783) { + goMapCenter([119.178783, 29.034581], 12); + } }; //加载村社信息 const loadCs = () => { @@ -418,7 +435,7 @@ const addPolygonCountyCs = () => { item.point[0].map((p) => points.push(new BMapGL.Point(...p))); if (points.length) { //创建面 - let polygonCs = new BMapGL.Polygon(points, { + cs_qk_arr.value[index] = new BMapGL.Polygon(points, { strokeColor: fillColor, strokeWeight: 2, strokeOpacity: 0.8, @@ -426,12 +443,13 @@ const addPolygonCountyCs = () => { fillOpacity: 0.7, name: item.name, }); - map.addOverlay(polygonCs); + map.addOverlay(cs_qk_arr.value[index]); } }); }; // 添加地图上的街道名 -const createCustomOverlayJd = (polygon) => { + +const createCustomOverlayJd = (polygon, indexx) => { function createLabelDOM() { var content = document.createElement("div"); content.style.display = "flex"; @@ -459,8 +477,10 @@ const createCustomOverlayJd = (polygon) => { div.onclick = function () { let jdCenter = []; if (polygon.name == "溪口镇") { - title_choose.value = title_choose.value + `>${polygon.name}`; - console.log(title_choose.value); + if (!title_choose.value.includes("溪口镇")) { + title_choose.value = title_choose.value + `>${polygon.name}`; + } + chooseArr.value.push("jd_noNumber"); loadCs(); addPolygonCountyCs(); mapTownCount.map((item) => { @@ -468,13 +488,21 @@ const createCustomOverlayJd = (polygon) => { jdCenter = item.center; } }); + center_now.value = jdCenter; addCs(); goMapCenter(jdCenter, 14); + }else{ + cs_qk_arr.value.forEach((item,index) => { + map.removeOverlay(cs_qk_arr.value[index]); + }); + cs_name_arr.value.forEach((item,index) => { + map.removeOverlay(cs_name_arr.value[index]); + }); } }; return content; } - var customOverlay = new BMapGL.CustomOverlay(createLabelDOM, { + jdm_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, offsetY: -10, @@ -483,10 +511,10 @@ const createCustomOverlayJd = (polygon) => { type: "customOverlay", }, }); - map.addOverlay(customOverlay); + map.addOverlay(jdm_arr.value[indexx]); }; // 添加地图上的街道名+(人数,标签) -const createCustomOverlayJd2 = (polygon) => { +const createCustomOverlayJd2 = (polygon, indexx) => { function createLabelDOM() { var content = document.createElement("div"); content.style.display = "flex"; @@ -523,7 +551,6 @@ const createCustomOverlayJd2 = (polygon) => { let jdCenter = []; if (polygon.name == "溪口镇") { title_choose.value = title_choose.value + `>${polygon.name}`; - console.log(title_choose.value); loadCs(); addPolygonCountyCs(); mapTownCount.map((item) => { @@ -531,13 +558,14 @@ const createCustomOverlayJd2 = (polygon) => { jdCenter = item.center; } }); - addCs2(); + addCs2(); + center_now.value = jdCenter; goMapCenter(jdCenter, 14); } }; return content; } - var customOverlay = new BMapGL.CustomOverlay(createLabelDOM, { + jdm_number_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, offsetY: 0, @@ -547,22 +575,22 @@ const createCustomOverlayJd2 = (polygon) => { type: "customOverlay", }, }); - map.addOverlay(customOverlay); + map.addOverlay(jdm_number_arr.value[indexx]); }; //创建村社 const addCs = () => { - xkzCenter.map((item) => { - createCs(item); + xkzCenter.map((item, index) => { + createCs(item, index); }); }; -//创建村社 +//创建村社(人数,标签) const addCs2 = () => { - xkzCenter.map((item) => { - createCs2(item); + xkzCenter.map((item, index) => { + createCs2(item, index); }); }; //添加村社+(人数,标签) -const createCs2 = (polygon) => { +const createCs2 = (polygon, indexx) => { function createLabelDOM() { var content = document.createElement("div"); content.style.display = "flex"; @@ -575,13 +603,13 @@ const createCs2 = (polygon) => { div.style.whiteSpace = "nowrap"; div.style.MozUserSelect = "none"; div.style.display = "flex"; - div.style.justifyContent = "center"; + div.style.justifyContent = "space-between"; div.style.alignItems = "center"; div.style.cursor = "pointer"; - div.style.padding="10px" - div.style.backgroundColor = "red"; - div.style.borderRadius = "20%"; - div.style.transform = "translateY(50px)"; + div.style.padding = "10px"; + div.style.minWidth = "100px"; + div.style.background = `url(${xcbg}) no-repeat 0/100% 100%`; + div.style.transform = "translateY(70px)"; div.setAttribute("name", this.properties.title); var title = document.createElement("div"); @@ -610,7 +638,6 @@ const createCs2 = (polygon) => { // let jdCenter = []; // if (polygon.name == "溪口镇") { // title_choose.value = title_choose.value + `>${polygon.name}`; - // console.log(title_choose.value); // loadCs(); // addPolygonCountyCs(); // mapTownCount.map((item) => { @@ -623,7 +650,7 @@ const createCs2 = (polygon) => { // }; return content; } - var customOverlay = new BMapGL.CustomOverlay(createLabelDOM, { + cs_number_name_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, offsetY: 0, @@ -634,10 +661,10 @@ const createCs2 = (polygon) => { type: "customOverlay", }, }); - map.addOverlay(customOverlay); + map.addOverlay(cs_number_name_arr.value[indexx]); }; //添加村社 -const createCs = (polygon) => { +const createCs = (polygon, indexx) => { function createLabelDOM() { var content = document.createElement("div"); content.style.display = "flex"; @@ -653,6 +680,10 @@ const createCs = (polygon) => { div.style.justifyContent = "center"; div.style.alignItems = "center"; div.style.cursor = "pointer"; + div.style.padding = "10px"; + div.style.minWidth = "60px"; + div.style.background = `url(${xcbg}) no-repeat 0/100% 100%`; + div.style.transform = "translateY(70px)"; div.setAttribute("name", this.properties.title); var title = document.createElement("div"); @@ -671,7 +702,7 @@ const createCs = (polygon) => { content.appendChild(img2); return content; } - var customOverlay = new BMapGL.CustomOverlay(createLabelDOM, { + cs_name_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, offsetY: 0, @@ -681,16 +712,16 @@ const createCs = (polygon) => { type: "customOverlay", }, }); - map.addOverlay(customOverlay); + map.addOverlay(cs_name_arr.value[indexx]); }; //创建公共服务圈 const addggfwq = () => { - fwqList.value.map((item) => { - createCustomOverlay(item); + fwqList.value.map((item, index) => { + createCustomOverlay(item, index); }); }; // 添加公共服务圈的图标 -const createCustomOverlay = (polygon) => { +const createCustomOverlay = (polygon, indexx) => { function createLabelDOM() { var content = document.createElement("div"); content.style.display = "flex"; @@ -738,7 +769,7 @@ const createCustomOverlay = (polygon) => { return content; } - var customOverlay = new BMapGL.CustomOverlay(createLabelDOM, { + fwq_list_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.point), opacity: 0.5, offsetY: 0, @@ -763,7 +794,7 @@ const createCustomOverlay = (polygon) => { // border: "0", // transform: "translateX(-50%)", // }); - map.addOverlay(customOverlay); + map.addOverlay(fwq_list_arr.value[indexx]); }; //地图中点 @@ -772,7 +803,6 @@ const goMapCenter = (point, zoom) => { }; const removeAllPolygon = (e) => { let allOverlay = map.getOverlays(); - console.log("allOverlay", allOverlay); for (let i = 0; i < allOverlay.length; i++) { map.removeOverlay(allOverlay[i]); } @@ -794,13 +824,19 @@ const chooseArr = ref([]); const xuanran = () => { addPolygonCounty(); if (chooseArr.value.includes("person")) { - console.log(3434); addJd2(); + if (chooseArr.value.includes("jd_noNumber")) { + addPolygonCountyCs(); + addCs2(); + chooseArr.value = chooseArr.value.filter( + (item) => item !== "jd_noNumber" + ); + chooseArr.value.push("jd_number"); + } } else { addJd(); } if (chooseArr.value.includes("fwq")) { - console.log(5656); addggfwq(); } // if (!chooseArr.value.includes("person")) { @@ -815,19 +851,51 @@ const choose = ref({ }); const changeRs = (id) => { if (choose.value.person == id) { - console.log(111111); - chooseArr.value = chooseArr.value.filter((item) => item !== "person"); + // chooseArr.value = chooseArr.value.filter((item) => item !== "person"); choose.value.person = 9999; - removeAllPolygon("person"); - xuanran(); + jdm_number_arr.value.forEach((item, index) => { + map.removeOverlay(jdm_number_arr.value[index]); + }); + if (cs_number_name_arr.value) { + cs_number_name_arr.value.forEach((item, index) => { + map.removeOverlay(cs_number_name_arr.value[index]); + }); + cs_number_name_arr.value.length = 0; + addCs(); + } addJd(); + // if (chooseArr.value.includes("jd_number")) { + // removeAllPolygon("person"); + // xuanran(); + // loadCs(); + // addPolygonCountyCs(); + // addCs(); + // } else { + // removeAllPolygon("person"); + // xuanran(); + // addJd(); + // } } else { - console.log(2222222); - chooseArr.value.push("person"); + // if(chooseArr.value.includes("jd_number")){ + // chooseArr.value = chooseArr.value.filter((item) => item !== "jd_number"); + // chooseArr.value.push("jd_noNumber"); + // } + // chooseArr.value.push("person"); choose.value.person = id; choose.value.bq = 9999; - removeAllPolygon("person"); - xuanran(); + jdm_arr.value.forEach((item, index) => { + map.removeOverlay(jdm_arr.value[index]); + }); + if (cs_name_arr.value) { + cs_name_arr.value.forEach((item, index) => { + map.removeOverlay(cs_name_arr.value[index]); + }); + cs_name_arr.value.length = 0; + addCs2(); + } + addJd2(); + // removeAllPolygon("person"); + // xuanran(); } }; const changebq = (id) => { @@ -836,19 +904,20 @@ const changebq = (id) => { }; const changeFwq = (id, list, center) => { if (choose.value.fwq == id) { - console.log(7878); - chooseArr.value = chooseArr.value.filter((item) => item !== "fwq"); + // chooseArr.value = chooseArr.value.filter((item) => item !== "fwq"); choose.value.fwq = 9999; - removeAllPolygon("fwq"); - xuanran(); + // removeAllPolygon("fwq"); + fwq_list_arr.value.forEach((item, index) => { + map.removeOverlay(fwq_list_arr.value[index]); + }); + // xuanran(); } else { - console.log(9999); - chooseArr.value.push("fwq"); + // chooseArr.value.push("fwq"); choose.value.fwq = id; fwqList.value = list; - removeAllPolygon("fwq"); - xuanran(); - console.log(1111111111, center); + // removeAllPolygon("fwq"); + addggfwq(); + // xuanran(); setTimeout(() => { goMapCenter(center, 17); }, 500); @@ -863,7 +932,6 @@ const changeFwq = (id, list, center) => { // fwqList.value.map((item) => { // createCustomOverlay(item); // }); - // console.log(fwqList.value); }; const changeys = (id) => { choose.value.yaosu = id; @@ -1080,8 +1148,8 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#fff", - - padding: "4px 8px 10px", + + padding: "4px 8px 10px", }, { name: "衢州学院附属幼儿园", @@ -1092,7 +1160,7 @@ const jbfwqTotal = ref([ x: 55, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "溪口中银小学", @@ -1103,7 +1171,7 @@ const jbfwqTotal = ref([ x: 38, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "溪口初中", @@ -1114,7 +1182,7 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "居家养老中心", @@ -1125,7 +1193,7 @@ const jbfwqTotal = ref([ x: 38, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "共享食堂", @@ -1136,7 +1204,7 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "老年活动中心", @@ -1147,7 +1215,7 @@ const jbfwqTotal = ref([ x: 38, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "残疾人之家", @@ -1158,7 +1226,7 @@ const jbfwqTotal = ref([ x: 35, y: 0, textColor: "#fff", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "智慧篮球场", @@ -1169,7 +1237,7 @@ const jbfwqTotal = ref([ x: 34, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "慢行步道", @@ -1180,7 +1248,7 @@ const jbfwqTotal = ref([ x: 26, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "文化礼堂", @@ -1191,7 +1259,7 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#79B72B", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "综合文化站", @@ -1202,7 +1270,7 @@ const jbfwqTotal = ref([ x: 35, y: 0, textColor: "#79B72B", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "共享菜园", @@ -1213,7 +1281,7 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#79B72B", - padding: "4px 8px 2px", + padding: "4px 8px 2px", }, { name: "零工市场", @@ -1224,7 +1292,7 @@ const jbfwqTotal = ref([ x: 33, y: 0, textColor: "#79B72B", - padding: "4px 8px 10px", + padding: "4px 8px 10px", }, { name: "溪口中心医院", @@ -1235,7 +1303,7 @@ const jbfwqTotal = ref([ x: 10, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "溪口菜市场", @@ -1246,7 +1314,7 @@ const jbfwqTotal = ref([ x: -24, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "大型超市", @@ -1257,7 +1325,7 @@ const jbfwqTotal = ref([ x: -24, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "智慧停车场", @@ -1268,7 +1336,7 @@ const jbfwqTotal = ref([ x: -28, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, { name: "溪口镇便民服务中心", @@ -1279,7 +1347,7 @@ const jbfwqTotal = ref([ x: -40, y: 50, textColor: "#fff", - padding: "8px 8px 2px", + padding: "8px 8px 2px", }, ], },