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.
127 lines
3.1 KiB
127 lines
3.1 KiB
<template>
|
|
<div v-show="panel">
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {createPoint} from '../base/factory.js'
|
|
import {isPoint, getPosition} from '../base/util.js'
|
|
import commonMixin from '../base/mixins/common.js'
|
|
|
|
export default {
|
|
name: 'bm-transit',
|
|
mixins: [commonMixin('search')],
|
|
props: {
|
|
location: {
|
|
type: [Object, String]
|
|
},
|
|
start: {
|
|
type: [Object, String]
|
|
},
|
|
end: {
|
|
type: [Object, String]
|
|
},
|
|
panel: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
policy: {
|
|
type: String
|
|
},
|
|
pageCapacity: {
|
|
type: Number
|
|
},
|
|
autoViewport: {
|
|
type: Boolean
|
|
},
|
|
selectFirstResult: {
|
|
type: Boolean
|
|
}
|
|
},
|
|
watch: {
|
|
location: {
|
|
handler (val) {
|
|
const {originInstance, map} = this
|
|
originInstance.setLocation(val || map)
|
|
},
|
|
deep: true
|
|
},
|
|
start: {
|
|
handler (val) {
|
|
const {originInstance, end, BMap} = this
|
|
originInstance.search(getPosition(BMap, val), getPosition(BMap, end))
|
|
},
|
|
deep: true
|
|
},
|
|
end: {
|
|
handler (val) {
|
|
const {originInstance, start, BMap} = this
|
|
originInstance.search(getPosition(BMap, start), getPosition(BMap, val))
|
|
},
|
|
deep: true
|
|
},
|
|
panel () {
|
|
this.reload()
|
|
},
|
|
policy (val) {
|
|
this.originInstance.setPolicy(global[val])
|
|
},
|
|
pageCapacity (val) {
|
|
this.originInstance && this.originInstance.setPageCapacity(val)
|
|
},
|
|
autoViewport (val) {
|
|
this.originInstance && (val ? this.originInstance.enableAutoViewport() : this.originInstance.disableAutoViewport())
|
|
},
|
|
selectFirstResult () {
|
|
this.reload()
|
|
},
|
|
highlightMode () {
|
|
this.reload()
|
|
}
|
|
},
|
|
methods: {
|
|
search (start, end) {
|
|
const {originInstance} = this
|
|
originInstance.search(start, end)
|
|
},
|
|
load () {
|
|
const instance = this
|
|
const {map, BMap, location, policy, pageCapacity, selectFirstResult, autoViewport, highlightMode, search, start, end, originInstance} = this
|
|
const _location = location ? isPoint(location) ? createPoint(BMap, location) : location : map
|
|
const route = this.originInstance = new BMap.TransitRoute(_location, {
|
|
renderOptions: {
|
|
map,
|
|
// panel: panel && this.$el,
|
|
panel: this.$el,
|
|
selectFirstResult,
|
|
autoViewport,
|
|
highlightMode
|
|
},
|
|
policy: global[policy],
|
|
pageCapacity,
|
|
onSearchComplete (e) {
|
|
if (originInstance && originInstance !== route) {
|
|
originInstance.clearResults()
|
|
}
|
|
instance.$emit('searchcomplete', e)
|
|
},
|
|
onMarkersSet (e) {
|
|
instance.$emit('markersset', e)
|
|
},
|
|
onInfoHtmlSet (e) {
|
|
instance.$emit('infohtmlset', e)
|
|
},
|
|
onPolylinesSet (e) {
|
|
instance.$emit('polylinesset', e)
|
|
},
|
|
onResultsHtmlSet (e) {
|
|
instance.$emit('resultshtmlset', e)
|
|
}
|
|
})
|
|
search(isPoint(start) ? createPoint(BMap, start) : start, isPoint(end) ? createPoint(BMap, end) : end)
|
|
}
|
|
}
|
|
}
|
|
</script>
|