From 59a92c5b9477463453bad10747569400a0cf3e0d Mon Sep 17 00:00:00 2001 From: yaoyuhao Date: Wed, 28 Aug 2024 15:41:20 +0800 Subject: [PATCH] 11 --- src/assets/images/map/j10_map.png | Bin 0 -> 5810 bytes src/view/sy_map.vue | 265 +++++++++++++++++++++++------- 2 files changed, 205 insertions(+), 60 deletions(-) create mode 100644 src/assets/images/map/j10_map.png diff --git a/src/assets/images/map/j10_map.png b/src/assets/images/map/j10_map.png new file mode 100644 index 0000000000000000000000000000000000000000..6f65be188ee4ca33265ff129f7b16da770d1d186 GIT binary patch literal 5810 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 wr)*SV?azL(nhRLJ
-
+
基本公共服务圈
@@ -164,6 +164,13 @@ > 修改村名
+
+ 修改村社中心点 +
加载中...
+ + + + + { }); //编辑村名 const input1 = ref(""); +const input2 = ref([]); const dialogVisible = ref(false); const dialogVisible2 = ref(false); +const dialogVisible3 = ref(false); //加载 const loadingss = ref(false); const loadTable = ref(false); @@ -793,8 +812,10 @@ const yaosuTotal = ref([ { id: 10, name: "AED", + img_map: j10_map, img: j10, wz: true, + url: "/api/ggfwyth/ysyzt/getAeds", }, { id: 11, @@ -902,7 +923,7 @@ const pagination = reactive({ //--------定义方法---------------------------------------- //地图初始化 const initMap = () => { - map = new BMapGL.Map("map", { minZoom: 8, maxZoom: 20 }); + map = new BMapGL.Map("map", { minZoom: 8, maxZoom: 16 }); map.setMapType(BMAP_SATELLITE_MAP); map.enableScrollWheelZoom(true); goMapCenter([119.178783, 29.034583], 11); @@ -918,7 +939,6 @@ const getCssj = async () => { await http.get("/api/ggfwyth/regionalDivision/getDetails").then((res) => { if (res.code == 200) { cssj = JSON.parse(res.data); - console.log(4444); } }); }; @@ -1047,19 +1067,17 @@ const moveBack = () => { //移动保存 const moveDK = async () => { loadingss.value = true; - await http - .post( - `/api/ggfwyth/regionalDivision/edit?id=${ - changeCsqkId.value - }&data=${JSON.stringify(arrJWD)}` - ) - .then((res) => { - if (res.code == 200) { - ElMessage.success({ - message: "保存成功", - }); - } - }); + let sj = { + id: changeCsqkId.value, + data: JSON.stringify(arrJWD), + }; + await http.post(`/api/ggfwyth/regionalDivision/edit`, sj).then((res) => { + if (res.code == 200) { + ElMessage.success({ + message: "保存成功", + }); + } + }); await getCssj(); await loadCs(cfJd.value); cs_choose_arr.value.forEach((item, index) => { @@ -1147,40 +1165,78 @@ const backEdit = () => { showEdit.value = false; drawing.value = false; }; -//上传编辑的地块 -const saveDK = async () => { - loadingss.value = true; - await http - .post( - `/api/ggfwyth/regionalDivision/edit?id=${ - changeCsqkId.value - }&data=${JSON.stringify(arrJWD)}` - ) - .then((res) => { +const shangchuan = async () => { + for (const item of xkzDk) { + let a = []; + a.push(item.point); + // console.log(JSON.stringify(a)); + let sj = { + id: item.id, + data: JSON.stringify(a), + }; + await http.post(`/api/ggfwyth/regionalDivision/edit`, sj).then((res) => { if (res.code == 200) { ElMessage.success({ message: "保存成功", }); } }); - await getCssj(); - await loadCs(cfJd.value); - cs_choose_arr.value.forEach((item, index) => { - map.removeOverlay(cs_choose_arr.value[index]); - }); - chooseCsList.value.length = 0; - xkzDk.forEach((itemm, indexx) => { - if (itemm.name == cfCs.value) { - chooseCsList.value.push(itemm); - addCsChoose(); - } - }); - loadingss.value = false; + await new Promise((resolve) => setTimeout(resolve, 300)); + } + // xkzDk.forEach(async (item, index) => { + // let a = []; + // a.push(item.point); + // console.log(JSON.stringify(a)); + // let sj = { + // id: item.id, + // data: JSON.stringify(a), + // }; + // await http.post(`/api/ggfwyth/regionalDivision/edit`, sj).then((res) => { + // if (res.code == 200) { + // ElMessage.success({ + // message: "保存成功", + // }); + // } + // }); + // }); +}; +//上传编辑的地块 +const saveDK = async () => { + loadingss.value = true; + let sj = { + id: changeCsqkId.value, + data: JSON.stringify(arrJWD), + }; + console.log(sj.data); + + // await http.post(`/api/ggfwyth/regionalDivision/edit`, sj).then((res) => { + // if (res.code == 200) { + // ElMessage.success({ + // message: "保存成功", + // }); + // } + // }); + // await getCssj(); + // await loadCs(cfJd.value); + // cs_choose_arr.value.forEach((item, index) => { + // map.removeOverlay(cs_choose_arr.value[index]); + // }); + // chooseCsList.value.length = 0; + // xkzDk.forEach((itemm, indexx) => { + // if (itemm.name == cfCs.value) { + // chooseCsList.value.push(itemm); + // addCsChoose(); + // } + // }); + // loadingss.value = false; }; //修改村名 const nameEdit = () => { dialogVisible.value = true; }; +const centerEdit = () => { + dialogVisible3.value = true; +}; const csName = async () => { let n = input1.value; await http @@ -1214,6 +1270,44 @@ const csName = async () => { }); }, 500); }; +const csCenter = async () => { + let regionalDivisionEditDTO = { + id: changeCsqkId.value, + data: JSON.stringify(input2.value), + }; + + await http + .post( + `/api/ggfwyth/regionalDivision/updateCsCenter`, + regionalDivisionEditDTO + ) + .then((res) => { + if (res.code == 200) { + ElMessage.success({ + message: "修改村社中心点成功", + }); + } + }); + input2.value = []; + dialogVisible3.value = false; + await getCssj(); + await loadCs(cfJd.value); + cs_dd_arr.value.forEach((item, index) => { + map.removeOverlay(cs_dd_arr.value[index]); + }); + cs_dd_arr.value = []; + xkzCenter.forEach((a) => { + if (a.name == cfCs.value) { + cs_dd_arr.value.push(a); + } + }); + console.log("cs_dd_arr.value", cs_dd_arr.value); + setTimeout(() => { + cs_dd_arr.value.map((item, index) => { + DGcreateCs(item, index); + }); + }, 200); +}; //添加模式 const addmode = () => { add_mode.value = true; @@ -1466,6 +1560,9 @@ const markera = (e) => { if (add_mode.value) { add_new_cs.center = [e.latlng.lng, e.latlng.lat]; } + if (!drawing.value) { + input2.value = [e.latlng.lng, e.latlng.lat]; + } }; //点击人口数(关键字存age) const buten = async (item) => { @@ -2259,7 +2356,7 @@ const changeys = (name) => { img_map = item.img_map; } }); - if (name == "摄像头") { + if (name == "摄像头" || name == "AED") { getZyys(url, name, img, img_map); } } @@ -2272,10 +2369,21 @@ const getZyys = (url, name, img, img_map) => { item.img = img; item.img_map = img_map; item.overlay = null; - // item.center = []; + item.center = []; // item.center.push(Number(item.jd)); // item.center.push(Number(item.wd)); - item.center = [Number(item.jd), Number(item.wd)]; + switch (name) { + case "摄像头": + item.center = [Number(item.jd), Number(item.wd)]; + break; + case "AED": + let newStr = item.point.replace("，", ","); + item.center = JSON.parse(newStr); + break; + default: + break; + } + // item.onClick = () => { // handleItemClick(item, index, name); // }; @@ -2321,10 +2429,17 @@ const createZyys = (polygon, indexx, name) => { ); map.addOverlay(yaosuIcon.value[name].sj[indexx].overlay); yaosuIcon.value[name].sj[indexx].overlay.addEventListener("click", () => { - sxtShow.deviceCode = polygon.sbbm; - sxtShow.name = polygon.sbmc; - getCameraUrl(); - // console.log(polygon); + switch (name) { + case "摄像头": + sxtShow.deviceCode = polygon.sbbm; + sxtShow.name = polygon.sbmc; + getCameraUrl(); + break; + case "AED": + break; + default: + break; + } }); }; //获取摄像头地址 @@ -2910,13 +3025,19 @@ const loadTown = () => { } }; //添加地图区块 -// 创建一个偏移函数 +// 创建一个偏移函数(用于街道) const offsetPoint = (point, offsetX, offsetY) => { - return new BMapGL.Point(point.lng + offsetX, point.lat - offsetY); + return new BMapGL.Point(point.lng + offsetX, point.lat + offsetY); +}; +//用于村社 +const offsetPoint2 = (point, offsetX, offsetY) => { + return new BMapGL.Point(point.lng + offsetX, point.lat + offsetY); }; // 设置偏移量 -let offsetX = 0.00095; // 横向偏移量 -let offsetY = 0.00014; // 纵向偏移量 +let offsetX = 0.01095; // 横向偏移量 +let offsetY = 0.00314; // 纵向偏移量 +let offsetX2 = 0.01; // 横向偏移量 +let offsetY2 = 0.00328; // 纵向偏移量 const addPolygonCounty = () => { map.clearOverlays(); let fillColor = "#ffffff"; @@ -2925,7 +3046,9 @@ const addPolygonCounty = () => { //地区的坐标范围 let points = []; item.point.map((p) => points.push(new BMapGL.Point(...p))); - let offsetPoints = points.map((point) => offsetPoint(point, offsetX, offsetY)); + let offsetPoints = points.map((point) => + offsetPoint(point, offsetX, offsetY) + ); if (points.length) { //创建面 let polygon = new BMapGL.Polygon(offsetPoints, { @@ -3037,7 +3160,8 @@ const createCustomOverlayJd = (polygon, indexx) => { jdm_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, - offsetY: -10, + offsetX: 10, + offsetY: -15, properties: { title: polygon.name, type: "customOverlay", @@ -3109,7 +3233,8 @@ const createCustomOverlayJd2 = (polygon, indexx) => { jdm_number_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, - offsetY: -10, + offsetX: 10, + offsetY: -15, properties: { title: polygon.name, number: polygon[`${num}`], @@ -3159,14 +3284,22 @@ const loadCs = async (name) => { } console.log(6666); }; -//添加村社区块 +//添加村社区块shangchuan const addPolygonCountyCs = () => { xkzDk.map((item, index) => { let num = index % 9; let fillColor = colorList[num].bg; //地区的坐标范围 let points = []; + // console.log(item.name,item.point[0]); + // item.point[0].forEach((itemm, indexx) => { + // itemm[0] = itemm[0] + 0.01; + // itemm[1] = itemm[1] + 0.00328; + // }); item.point[0].map((p) => points.push(new BMapGL.Point(...p))); + let offsetPoints2 = points.map((point) => + offsetPoint2(point, offsetX2, offsetY2) + ); if (points.length) { //创建面 cs_qk_arr.value[index] = new BMapGL.Polygon(points, { @@ -3227,6 +3360,7 @@ const addPolygonCountyCs = () => { } }); }; + //添加选中社区 const addCsChoose = () => { chooseCsList.value.map((item, index) => { @@ -3235,6 +3369,9 @@ const addCsChoose = () => { //地区的坐标范围 let points = []; item.point[0].map((p) => points.push(new BMapGL.Point(...p))); + // let offsetPoints2 = points.map((point) => + // offsetPoint2(point, offsetX2, offsetY2) + // ); if (points.length) { //创建面 cs_choose_arr.value[index] = new BMapGL.Polygon(points, { @@ -3257,6 +3394,9 @@ const addCsUnChoose = () => { //地区的坐标范围 let points = []; item.point[0].map((p) => points.push(new BMapGL.Point(...p))); + // let offsetPoints2 = points.map((point) => + // offsetPoint2(point, offsetX2, offsetY2) + // ); if (points.length) { //创建面 cs_un_choose_arr.value[index] = new BMapGL.Polygon(points, { @@ -3323,6 +3463,8 @@ const addCsUnChoose = () => { //创建村社 const addCs = () => { xkzCenter.map((item, index) => { + console.log(item.name,typeof item.center); + createCs(item, index); }); }; @@ -3342,7 +3484,6 @@ const createCs = (polygon, indexx) => { content.style.height = "60px"; content.style.width = "60px"; content.style.zIndex = BMapGL.Overlay.getZIndex(this.point.lat); - var div = document.createElement("div"); div.style.color = "#333"; div.style.whiteSpace = "nowrap"; @@ -3376,7 +3517,8 @@ const createCs = (polygon, indexx) => { cs_name_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, - offsetY: -10, + offsetX: 10, + offsetY: -15, properties: { title: polygon.name, imgSrc2: dwd, @@ -3444,7 +3586,8 @@ const createCs2 = (polygon, indexx) => { cs_number_name_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, - offsetY: -10, + offsetX: 10, + offsetY: -15, properties: { title: polygon.name, number: polygon[`${num}`], @@ -3502,7 +3645,8 @@ const DGcreateCs = (polygon, indexx) => { cs_dd_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, - offsetY: -10, + offsetX: 10, + offsetY: -15, properties: { title: polygon.name, imgSrc2: dwd, @@ -3584,7 +3728,8 @@ const DGcreateCs2 = (polygon, indexx) => { cs_dd_arr.value[indexx] = new BMapGL.CustomOverlay(createLabelDOM, { point: new BMapGL.Point(...polygon.center), opacity: 0.5, - offsetY: -10, + offsetX: 10, + offsetY: -15, properties: { title: polygon.name, number: polygon[`${num}`], @@ -3626,7 +3771,7 @@ const reset_font2 = () => { "scale(" + width / 1920 + "," + height / 1080 + ")"; }; onMounted(async () => { - // tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d"); + tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d"); loadingss.value = true; reset_font(); initMap();