You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.1 KiB
57 lines
1.1 KiB
3 months ago
|
<script>
|
||
|
|
import {createSize} from '../base/factory.js'
|
||
|
|
import commonMixin from '../base/mixins/common.js'
|
||
|
|
import bindEvents from '../base/bindEvent.js'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'bm-overview-map',
|
||
|
|
mixins: [commonMixin('control')],
|
||
|
|
render () {},
|
||
|
|
props: {
|
||
|
|
anchor: {
|
||
|
|
type: String
|
||
|
|
},
|
||
|
|
offset: {
|
||
|
|
type: Object
|
||
|
|
},
|
||
|
|
size: {
|
||
|
|
type: Object
|
||
|
|
},
|
||
|
|
isOpen: {
|
||
|
|
type: Boolean
|
||
|
|
}
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
anchor () {
|
||
|
|
this.reload()
|
||
|
|
},
|
||
|
|
offset () {
|
||
|
|
this.reload()
|
||
|
|
},
|
||
|
|
size () {
|
||
|
|
this.reload()
|
||
|
|
},
|
||
|
|
isOpen () {
|
||
|
|
this.reload()
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
load () {
|
||
|
|
const {BMap, map, isOpen, size, offset, anchor} = this
|
||
|
|
const mapTypes = []
|
||
|
|
this.mapTypes && this.mapTypes.forEach(item => {
|
||
|
|
mapTypes.push(global[item])
|
||
|
|
})
|
||
|
|
this.originInstance = new BMap.OverviewMapControl({
|
||
|
|
anchor: global[anchor],
|
||
|
|
offset: createSize(BMap, offset),
|
||
|
|
size: createSize(BMap, size),
|
||
|
|
isOpen
|
||
|
|
})
|
||
|
|
bindEvents.call(this, this.originInstance)
|
||
|
|
map.addControl(this.originInstance)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|