pass_b_map_vue2 0.0.1

package/components/search/Bus.vue

@@ -0,0 +1,102 @@
+<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',
+  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>

package/components/search/Driving.vue

@@ -0,0 +1,177 @@
+<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-driving',
+  mixins: [commonMixin('search')],
+  props: {
+    location: {
+      type: [Object, String]
+    },
+    start: {
+      type: [Object, String]
+    },
+    end: {
+      type: [Object, String]
+    },
+    startCity: {
+      type: [String, Number]
+    },
+    endCity: {
+      type: [String, Number]
+    },
+    waypoints: {
+      type: Array
+    },
+    policy: {
+      type: String
+    },
+    panel: {
+      type: Boolean,
+      default: true
+    },
+    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, startCity, endCity, waypoints, BMap, getWaypoints} = this
+        originInstance.search(getPosition(BMap, val), getPosition(BMap, end), {
+          startCity,
+          endCity,
+          waypoints: getWaypoints(waypoints)
+        })
+      },
+      deep: true
+    },
+    end: {
+      handler (val) {
+        const {originInstance, start, startCity, endCity, waypoints, BMap, getWaypoints} = this
+        originInstance.search(getPosition(BMap, start), getPosition(BMap, val), {
+          startCity,
+          endCity,
+          waypoints: getWaypoints(waypoints)
+        })
+      },
+      deep: true
+    },
+    startCity (val) {
+      const {originInstance, start, end, endCity, waypoints, getWaypoints} = this
+      originInstance.search(start, end, {
+        val,
+        endCity,
+        waypoints: getWaypoints(waypoints)
+      })
+    },
+    endCity (val) {
+      const {originInstance, start, end, startCity, waypoints, getWaypoints} = this
+      originInstance.search(start, end, {
+        startCity,
+        val,
+        waypoints: getWaypoints(waypoints)
+      })
+    },
+    waypoints: {
+      handler (val) {
+        const {originInstance, start, end, startCity, endCity, getWaypoints} = this
+        originInstance.search(start, end, {
+          startCity,
+          endCity,
+          waypoints: getWaypoints(val)
+        })
+      },
+      deep: true
+    },
+    panel () {
+      this.reload()
+    },
+    policy (val) {
+      this.reload()
+    },
+    autoViewport () {
+      this.reload()
+    },
+    selectFirstResult () {
+      this.reload()
+    },
+    highlightMode () {
+      this.reload()
+    }
+  },
+  methods: {
+    search (start, end, {startCity, endCity, waypoints}) {
+      const {originInstance, getWaypoints} = this
+      originInstance.search(start, end, {
+        startCity,
+        endCity,
+        waypoints: getWaypoints(waypoints)
+      })
+    },
+    getWaypoints (waypoints) {
+      const {BMap} = this
+      if (waypoints) {
+        return waypoints.map(position => getPosition(BMap, position))
+      }
+    },
+    load () {
+      const instance = this
+      const {map, BMap, location, policy, selectFirstResult, autoViewport, highlightMode, search, start, end, startCity, endCity, waypoints, originInstance, getWaypoints} = this
+      const _location = location ? isPoint(location) ? createPoint(BMap, location) : location : map
+      const route = this.originInstance = new BMap.DrivingRoute(_location, {
+        renderOptions: {
+          map,
+          // panel: panel && this.$el,
+          panel: this.$el,
+          selectFirstResult,
+          autoViewport,
+          highlightMode
+        },
+        policy: global[policy],
+        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(getPosition(BMap, start), getPosition(BMap, end), {
+        startCity,
+        endCity,
+        waypoints: getWaypoints(waypoints)
+      })
+    }
+  }
+}
+</script>

package/components/search/LocalSearch.vue

@@ -0,0 +1,152 @@
+<template>
+<div v-show="panel">
+  <slot></slot>
+</div>
+</template>
+
+<script>
+import {createPoint, createBounds} from '../base/factory.js'
+import {isPoint} from '../base/util.js'
+import commonMixin from '../base/mixins/common.js'
+
+export default {
+  name: 'bm-local-search',
+  mixins: [commonMixin('search')],
+  props: {
+    location: {
+      type: [Object, String]
+    },
+    keyword: {
+      type: [Array, String]
+    },
+    panel: {
+      type: Boolean,
+      default: true
+    },
+    forceLocal: {
+      type: Boolean
+    },
+    customData: {
+      type: Object
+    },
+    bounds: {
+      type: Object
+    },
+    nearby: {
+      type: Object
+    },
+    // page: {
+    //   type: Number
+    // },
+    pageCapacity: {
+      type: Number
+    },
+    autoViewport: {
+      type: Boolean
+    },
+    selectFirstResult: {
+      type: Boolean
+    }
+  },
+  watch: {
+    location: {
+      handler (val) {
+        const {originInstance, search} = this
+        originInstance.setLocation(val || this.map)
+        search()
+      },
+      deep: true
+    },
+    keyword () {
+      this.search()
+    },
+    bounds: {
+      handler (val) {
+        const {searchInBounds} = this
+        searchInBounds(val)
+      },
+      deep: true
+    },
+    nearby: {
+      handler (val) {
+        const {searchNearby} = this
+        searchNearby(val)
+      },
+      deep: true
+    },
+    forceLocal () {
+      this.reload()
+    },
+    customData: {
+      deep: true,
+      handler () {
+        this.reload()
+      }
+    },
+    // panel () {
+    //   this.reload()
+    // },
+    pageCapacity (val) {
+      this.originInstance && this.originInstance.setPageCapacity(val)
+    },
+    autoViewport (val) {
+      this.originInstance && (val ? this.originInstance.enableAutoViewport() : this.originInstance.disableAutoViewport())
+    },
+    selectFirstResult (val) {
+      this.originInstance && (val ? this.originInstance.enableFirstResultSelection() : this.originInstance.disableFirstResultSelection())
+    },
+    highlightMode () {
+      this.reload()
+    }
+  },
+  methods: {
+    searchNearby (nearby) {
+      const {originInstance, keyword, customData, BMap} = this
+      originInstance.searchNearby(keyword, createPoint(BMap, nearby.center), nearby.radius, customData)
+    },
+    searchInBounds (bounds) {
+      const {originInstance, keyword, customData, BMap} = this
+      originInstance.searchInBounds(keyword, createBounds(BMap, bounds), customData)
+    },
+    search () {
+      const {originInstance, keyword, forceLocal, customData, nearby, bounds, searchNearby, searchInBounds} = this
+      nearby ? searchNearby(nearby) : bounds ? searchInBounds(bounds) : originInstance.search(keyword, {
+        forceLocal,
+        customData
+      })
+    },
+    load () {
+      const instance = this
+      const {map, BMap, search, pageCapacity, autoViewport, selectFirstResult, highlightMode, location, originInstance} = this
+      const _location = location ? isPoint(location) ? createPoint(BMap, location) : location : map
+      const route = this.originInstance = new BMap.LocalSearch(_location, {
+        onMarkersSet (e) {
+          instance.$emit('markersset', e)
+        },
+        onInfoHtmlSet (e) {
+          instance.$emit('infohtmlset', e)
+        },
+        onResultsHtmlSet (e) {
+          instance.$emit('resultshtmlset', e)
+        },
+        onSearchComplete (e) {
+          if (originInstance && originInstance !== route) {
+            originInstance.clearResults()
+          }
+          instance.$emit('searchcomplete', e)
+        },
+        pageCapacity: pageCapacity,
+        renderOptions: {
+          map,
+          // panel: panel && this.$el,
+          panel: this.$el,
+          selectFirstResult,
+          autoViewport,
+          highlightMode
+        }
+      })
+      search()
+    }
+  }
+}
+</script>

package/components/search/Transit.vue

@@ -0,0 +1,126 @@
+<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>

package/components/search/Walking.vue

@@ -0,0 +1,115 @@
+<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-walking',
+  mixins: [commonMixin('search')],
+  props: {
+    location: {
+      type: [Object, String]
+    },
+    start: {
+      type: [Object, String]
+    },
+    end: {
+      type: [Object, 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
+    },
+    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()
+    },
+    autoViewport (val) {
+      this.reload()
+    },
+    selectFirstResult (val) {
+      this.reload()
+    },
+    highlightMode () {
+      this.reload()
+    }
+  },
+  methods: {
+    search (start, end) {
+      const {originInstance} = this
+      originInstance.search(start, end)
+    },
+    load () {
+      const instance = this
+      const {map, BMap, location, selectFirstResult, autoViewport, highlightMode, search, start, end, originInstance} = this
+      const _location = location ? isPoint(location) ? createPoint(BMap, location) : location : map
+      const route = this.originInstance = new BMap.WalkingRoute(_location, {
+        renderOptions: {
+          map,
+          // panel: panel && this.$el,
+          panel: this.$el,
+          selectFirstResult,
+          autoViewport,
+          highlightMode
+        },
+        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>

package/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="typescript" />
+
+declare module 'vue-baidu-map'