【类 型】:feat 指点图标 点击弹出 ‘气泡说明’
【原 因】: 【过 程】: 【影 响】: # 类型 包含: # feat:新功能(feature) # fix:修补bug # docs:文档(documentation) # style: 格式(不影响代码运行的变动) # refactor:重构(即不是新增功能,也不是修改bug的代码变动) # test:增加测试 # chore:构建过程或辅助工具的变动
This commit is contained in:
parent
9b446416b0
commit
39853d620f
@ -570,6 +570,11 @@ export default {
|
|||||||
draggable: false// 关闭拖拽
|
draggable: false// 关闭拖拽
|
||||||
})
|
})
|
||||||
.setLngLat(lonLat)
|
.setLngLat(lonLat)
|
||||||
|
.setPopup(
|
||||||
|
new mapboxgl.Popup({ offset: 32 }).setHTML(
|
||||||
|
'<h3>指点</h3>'
|
||||||
|
)
|
||||||
|
) // 添加弹出窗口
|
||||||
.addTo(this.map)
|
.addTo(this.map)
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
|
@ -23,7 +23,7 @@
|
|||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button size="medium" @click="dialogVisible = false">关闭</el-button>
|
<el-button size="medium" @click="dialogVisible = false">关闭</el-button>
|
||||||
<el-button size="medium" type="primary"
|
<el-button size="medium" type="primary"
|
||||||
@click="publishFun(`{guidedMode:{lon:${guidedLonLat.lon},lat:${guidedLonLat.lat},alt:${guidedAlt}}`);">飞至</el-button>
|
@click="publishFun(`{guidedMode:{lon:${guidedLonLat.lon},lat:${guidedLonLat.lat},alt:${guidedAlt}}`); isReserveGuidedMaker = true; dialogVisible = false">飞至</el-button>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@ -46,6 +46,7 @@ export default {
|
|||||||
dialogVisible: false, // 弹出框 显隐
|
dialogVisible: false, // 弹出框 显隐
|
||||||
guidedLonLat: {}, // 点飞 的经纬度
|
guidedLonLat: {}, // 点飞 的经纬度
|
||||||
guidedAlt: '', // 点飞的高度
|
guidedAlt: '', // 点飞的高度
|
||||||
|
isReserveGuidedMaker: false, // 关闭指点飞行操作窗口时 标记是否删除图标
|
||||||
mapBoxKey: '', // 初始化一个变量用于控制map-box组件的重新渲染
|
mapBoxKey: '', // 初始化一个变量用于控制map-box组件的重新渲染
|
||||||
planesId: this.$route.params.id,
|
planesId: this.$route.params.id,
|
||||||
localCount: 0 // 本地存储计数器
|
localCount: 0 // 本地存储计数器
|
||||||
@ -85,7 +86,7 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
/** 弹出框 关闭事件回调 */
|
/** 弹出框 关闭事件回调 */
|
||||||
closeCallback () {
|
closeCallback () {
|
||||||
if (this.dialogItem === 'guidedBox') { // 关闭点飞窗口时
|
if (this.dialogItem === 'guidedBox' && this.isReserveGuidedMaker === false) { // 关闭点飞窗口时
|
||||||
this.$refs.mapbox.delGuidedMarker()// 删除所有点飞的地图标记
|
this.$refs.mapbox.delGuidedMarker()// 删除所有点飞的地图标记
|
||||||
}
|
}
|
||||||
this.dialogVisible = false
|
this.dialogVisible = false
|
||||||
@ -96,6 +97,7 @@ export default {
|
|||||||
},
|
},
|
||||||
// 地图长按事件 记录地图经纬度
|
// 地图长按事件 记录地图经纬度
|
||||||
handleLongPress (lonLat) {
|
handleLongPress (lonLat) {
|
||||||
|
this.isReserveGuidedMaker = false
|
||||||
this.dialogTitle = '点飞'
|
this.dialogTitle = '点飞'
|
||||||
this.dialogVisible = true
|
this.dialogVisible = true
|
||||||
this.dialogItem = 'guidedBox'
|
this.dialogItem = 'guidedBox'
|
||||||
|
Loading…
Reference in New Issue
Block a user