增加地图标记点删除功能

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