From 97c8e04edc8b88de944dde463a5b4a6e5f9a2faa Mon Sep 17 00:00:00 2001 From: yaoyuhao Date: Wed, 24 Jul 2024 15:50:55 +0800 Subject: [PATCH] gx --- src/view/sy_map.vue | 82 +++++++++++++++++++++++++++++++++------------ 1 file changed, 60 insertions(+), 22 deletions(-) diff --git a/src/view/sy_map.vue b/src/view/sy_map.vue index 9209bc6..1eff34d 100644 --- a/src/view/sy_map.vue +++ b/src/view/sy_map.vue @@ -341,7 +341,7 @@ const BMAP = () => { // 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(new BMapGL.Point(e.point.lng, e.point.lat)); // 创建点 // var marker = new BMapGL.Marker(pt); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中 }); @@ -385,6 +385,7 @@ const addPolygonCounty = () => { map.clearOverlays(); let fillColor = "#ffffff"; mapTownDataDK.map((item) => { + item.leg = 0; //地区的坐标范围 let points = []; item.point.map((p) => points.push(new BMapGL.Point(...p))); @@ -397,33 +398,37 @@ const addPolygonCounty = () => { fillColor: fillColor, fillOpacity: 0.7, name: item.name, + zIndex: 92, }); map.addOverlay(polygon); polygon.addEventListener("click", () => { console.log(item.name); - let jdCenter = []; - if (item.name == "溪口镇") { - if (!title_choose.value.includes("溪口镇")) { - title_choose.value = title_choose.value + `>${item.name}`; - } - loadCs(); - addPolygonCountyCs(); - mapTownCount.map((item) => { - if (item.name == "溪口镇") { - jdCenter = item.center; - } - }); - addCs(); - goMapCenter(jdCenter, 13); + if (title_choose.value.includes("溪口镇")) { } else { - title_choose.value='龙游县' - 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]); - }); + let jdCenter = []; + if (item.name == "溪口镇") { + if (!title_choose.value.includes("溪口镇")) { + title_choose.value = title_choose.value + `>${item.name}`; + } + loadCs(); + addPolygonCountyCs(); + mapTownCount.map((item) => { + if (item.name == "溪口镇") { + jdCenter = item.center; + } + }); + addCs(); + goMapCenter(jdCenter, 13); + } else { + title_choose.value = "龙游县"; + 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]); + }); + } } }); } @@ -484,8 +489,35 @@ const addPolygonCountyCs = () => { fillColor: fillColor, fillOpacity: 0.7, name: item.name, + zIndex: 99, }); map.addOverlay(cs_qk_arr.value[index]); + cs_qk_arr.value[index].addEventListener("click", () => { + console.log(111); + // let jdCenter = []; + // if (item.name == "溪口镇") { + // if (!title_choose.value.includes("溪口镇")) { + // title_choose.value = title_choose.value + `>${item.name}`; + // } + // loadCs(); + // addPolygonCountyCs(); + // mapTownCount.map((item) => { + // if (item.name == "溪口镇") { + // jdCenter = item.center; + // } + // }); + // addCs(); + // goMapCenter(jdCenter, 13); + // } else { + // title_choose.value = "龙游县"; + // 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]); + // }); + // } + }); } }); }; @@ -935,6 +967,12 @@ const changeRs = (id) => { cs_name_arr.value.length = 0; addCs2(); } + if (jdm_number_arr.value?.length) { + jdm_number_arr.value.forEach((item, index) => { + map.removeOverlay(jdm_number_arr.value[index]); + }); + jdm_number_arr.value.length = 0; + } addJd2(); // removeAllPolygon("person"); // xuanran();