fix:去除大屏病害状态,修改大屏线段中心点

This commit is contained in:
2024-12-24 11:27:06 +08:00
parent b96dcf1cbe
commit cdfbc4cb9b
4 changed files with 79 additions and 73 deletions
+20 -11
View File
@@ -2,7 +2,7 @@
* @Author: SunTao 328867980@qq.com
* @Date: 2024-10-14 10:46:23
* @LastEditors: SunTao 328867980@qq.com
* @LastEditTime: 2024-12-23 11:07:04
* @LastEditTime: 2024-12-23 17:37:59
* @FilePath: \znxjxt-ui\src\components\map\fssm-map.vue
* @Description: 公共地图
-->
@@ -389,7 +389,10 @@ export default {
// 获取弹窗数据
const popupData = feature.get("data");
// 获取弹窗内元素并赋值
this.$refs.popupContent.innerHTML = `<span>路段名称:</span><span>${popupData.name}</span><br/><span>病害数:</span><span>${popupData.count}个</span><br/><span>起始桩号:</span><span>${popupData.stakeStart}</span><br/><span>终止桩号:</span><span>${popupData.stakeEnd}</span>`;
this.$refs.popupContent.innerHTML = `<span>路段名称:</span><span>${popupData.name}</span><br/>
<span>病害数:</span><span>${popupData.count}个</span><br/>
<span>起始桩号:</span><span>${popupData.stakeStart}</span><br/>
<span>终止桩号:</span><span>${popupData.stakeEnd}</span>`;
dislogLay.setPosition(coordinate);
} else {
dislogLay.setPosition(undefined);
@@ -413,7 +416,7 @@ export default {
this.$emit("map-moveend", zoom);
});
// 图层选择事件
this.selectSingClick = new Select({ style: null });
this.selectSingClick = new Select();
map.addInteraction(this.selectSingClick);
this.selectSingClick.on("select", (e) => {
this.$emit("feature-select", e);
@@ -825,14 +828,20 @@ export default {
}
// 地图弹窗样式
.ol-popup > div {
padding: 0.5rem;
box-sizing: border-box;
background: rgba(79, 79, 79, 0.7);
border-radius: 0.2rem;
border: 1px solid #3976f1;
font-size: 0.7rem;
color: #ffffff;
.ol-popup{
width:10rem;
position: absolute;
margin: 0.5rem;
> div {
padding: 0.5rem;
box-sizing: border-box;
background: rgba(79, 79, 79, 0.7);
border-radius: 0.2rem;
border: 1px solid #3976f1;
font-size: 0.7rem;
color: #ffffff;
}
}
// 放大缩小控件