增加地图标记点删除功能

This commit is contained in:
aixianling
2023-10-07 11:52:56 +08:00
parent 1c69fc8366
commit 03272542b9

View File

@@ -11,6 +11,7 @@
<div class="layout-config__item--right">
<el-input :value="[item.lat,item.lng].join(',')" readonly size="small"/>
<el-button type="text" icon="el-icon-edit" @click="handleMapMarker(item,i)"/>
<el-button type="text" icon="el-icon-delete" @click="removeMapMarker(i)"/>
</div>
</div>
</ai-fold>
@@ -253,7 +254,6 @@ export default {
})
}
},
methods: {
showEditor() {
this.json = JSON.stringify(this.options.staticData, null, 2)
@@ -400,6 +400,11 @@ export default {
this.showMapEditor = false
})
},
removeMapMarker(i) {
this.$confirm("是否要删除该标记点").then(() => {
this.options.staticData.markers.splice(i, 1)
})
},
savePolylines() {
this.$set(this.options.staticData, 'polylines', JSON.parse(this.json))
},
@@ -540,5 +545,13 @@ export default {
height: 18px;
}
}
.el-icon-delete {
color: #f46;
}
.el-button + .el-button {
margin-left: 0;
}
}
</style>