31 lines
967 B
Vue
31 lines
967 B
Vue
|
//MyVideo组件
|
|||
|
|
//自行封装一个组件，利用iframe实现
|
|||
|
|
<template>
|
|||
|
|
<iframe :onload="onloadCode" style="width:100%;height:100%;border:1px solid #fff;background: #000;"></iframe>
|
|||
|
|
</template>
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
props: {
|
|||
|
|
src: {}
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
onloadCode: '',
|
|||
|
|
lnglat: [114.76, 31.52],
|
|||
|
|
markers: [{
|
|||
|
|
latitude: 31.52,
|
|||
|
|
longitude: 114.76,
|
|||
|
|
iconPath: '../../../static/tabs/add.png',
|
|||
|
|
width: 25,
|
|||
|
|
height: 25
|
|||
|
|
}]
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created() {
|
|||
|
|
this.onloadCode =
|
|||
|
|
`this.contentWindow.document.body.innerHTML = '<map style="width: 100%;" id="container" latitude="${this.lnglat[1]}" longitude="${this.lnglat[0]}" markers="${this.markers}" ></map>';`
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss">
|
|||
|
|
</style>
|