diff --git a/src/assets/images/map/AED.png b/src/assets/images/map/AED.png new file mode 100644 index 0000000..f4a5f22 Binary files /dev/null and b/src/assets/images/map/AED.png differ diff --git a/src/view/sy_details.vue b/src/view/sy_details.vue index 3e0f6db..4d5ed3d 100644 --- a/src/view/sy_details.vue +++ b/src/view/sy_details.vue @@ -421,6 +421,7 @@ const change = (name, index) => { .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 bd0fb72..5dabdd9 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([]); @@ -336,16 +338,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); // 将标注添加到地图中 }); }; @@ -361,8 +365,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;