1.信息窗口插入組件
InfoWindow為引入的組件
//編寫函數(shù)
setInfoWindow(point) {
const refbd = this.$refs.bdMap//地圖實(shí)例
const option = {
width: 320, // 信息窗口寬度
height: 120 // 信息窗口高度
}
const MyComponent = Vue.extend({
render: h => h(InfoWindow, {
props: {
info: this.info,
isType: 'baidu'
}, // 組件傳值
on: {
handleShowImageList: (point) => {
this.handleShowImageList(point)// 組件事件
}
}
})
})
const component = new MyComponent().$mount()
const infoWindow = new refbd.BMapGL.InfoWindow(component.$mount().$el, option)
refbd.bdmap.openInfoWindow(infoWindow, point)
},
//調(diào)用
addDir(){
// 添加窗口
const zbpoint = new refbd.BMapGL.Point(point.lng, point.lat)
this.setInfoWindow(zbpoint)
}
//子組件 InfoWindow里面
handleShowImageList() {
this.$emit('handleShowImageList', this.info)
},
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
