| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- <template>
- <div v-show="panel">
- </div>
- </template>
- <script>
- import { createPoint } from '../base/factory.js'
- import { isPoint } from '../base/util.js'
- import commonMixin from '../base/mixins/common.js'
- export default {
- name: 'bm-bus',
- emits: ['getbuslistcomplete', 'getbuslinecomplete', 'buslisthtmlset', 'buslinehtmlset', 'markersset', 'polylinesset'],
- mixins: [commonMixin('search')],
- props: {
- location: {
- type: [Object, String]
- },
- keyword: {
- type: String
- },
- panel: {
- type: Boolean,
- default: true
- },
- pageCapacity: {
- type: Number
- },
- autoViewport: {
- type: Boolean
- },
- selectFirstResult: {
- type: Boolean
- }
- },
- watch: {
- location: {
- handler(val) {
- const { originInstance, map } = this
- originInstance.setLocation(val || map)
- },
- deep: true
- },
- keyword(val) {
- this.search(val)
- },
- panel() {
- this.reload()
- },
- autoViewport(val) {
- this.reload()
- },
- selectFirstResult(val) {
- this.reload()
- }
- },
- methods: {
- search(keyword) {
- const { originInstance } = this
- originInstance.getBusList(keyword)
- },
- load() {
- const instance = this
- const { location, selectFirstResult, autoViewport, highlightMode, keyword, search, BMap, map, originInstance } = this
- const _location = location ? isPoint(location) ? createPoint(BMap, location) : location : map
- const route = this.originInstance = new BMap.BusLineSearch(_location, {
- renderOptions: {
- map,
- panel: this.$el,
- selectFirstResult,
- autoViewport,
- highlightMode
- },
- onGetBusListComplete(e) {
- if (originInstance && originInstance !== route) {
- originInstance.clearResults()
- }
- instance.$emit('getbuslistcomplete', e)
- },
- onGetBusLineComplete(e) {
- if (originInstance && originInstance !== route) {
- originInstance.clearResults()
- }
- instance.$emit('getbuslinecomplete', e)
- },
- onBusListHtmlSet(e) {
- instance.$emit('buslisthtmlset', e)
- },
- onBusLineHtmlSet(e) {
- instance.$emit('buslinehtmlset', e)
- },
- onMarkersSet(e) {
- instance.$emit('markersset', e)
- },
- onPolylinesSet(e) {
- instance.$emit('polylinesset', e)
- }
- })
- search(keyword)
- }
- }
- }
- </script>
|