vue-baidu-map-api-v3 1.0.1

package/components/controls/Control.vue

@@ -0,0 +1,37 @@
+<template>
+<div>
+  <slot></slot>
+</div>
+</template>
+
+<script>
+import commonMixin from '../base/mixins/common.js'
+import {createSize} from '../base/factory.js'
+
+export default {
+  name: 'bm-control',
+  mixins: [commonMixin('control')],
+  props: ['anchor', 'offset'],
+  watch: {
+    anchor (val) {
+      this.originInstance.setAnchor(val)
+    },
+    offset (val) {
+      this.originInstance.setOffset(val)
+    }
+  },
+  methods: {
+    load () {
+      const {BMap, map, anchor, offset, $el} = this
+      const Control = function () {
+        this.defaultAnchor = global[anchor || 'BMAP_ANCHOR_TOP_LEFT']
+        this.defaultOffset = createSize(BMap, offset)
+      }
+      Control.prototype = new BMap.Control()
+      Control.prototype.initialize = map => map.getContainer().appendChild($el)
+      this.originInstance = new Control(anchor, offset)
+      map.addControl(this.originInstance)
+    }
+  }
+}
+</script>

package/components/controls/Copyright.vue

@@ -0,0 +1,52 @@
+<script>
+import commonMixin from '../base/mixins/common.js'
+import {createSize} from '../base/factory.js'
+
+export default {
+  name: 'bm-copyright',
+  render () {},
+  mixins: [commonMixin('control')],
+  props: ['anchor', 'offset', 'copyright'],
+  watch: {
+    anchor () {
+      this.reload()
+    },
+    offset () {
+      this.reload()
+    },
+    copyright () {
+      this.reload()
+    }
+  },
+  methods: {
+    load () {
+      const {BMap, map, offset, anchor, updateCopyrightList} = this
+      this.originInstance = new BMap.CopyrightControl({
+        anchor: global[anchor],
+        offset: offset && createSize(BMap, offset)
+      })
+      updateCopyrightList()
+      map.addControl(this.originInstance)
+    },
+    updateCopyrightList () {
+      const {BMap, map} = this
+      const {removeCopyright, getCopyrightCollection} = this.originInstance
+      const copyrightList = getCopyrightCollection()
+      copyrightList && copyrightList.forEach(item => {
+        removeCopyright(item.id)
+      })
+      this.copyright && this.copyright.forEach(item => {
+        const bounds = item.bounds
+          ? new BMap.Bounds(new BMap.Point(item.bounds.sw.lng, item.bounds.sw.lat), new BMap.Point(item.bounds.ne.lng, item.bounds.ne.lat))
+          : map.getBounds()
+        this.originInstance.addCopyright({
+          id: item.id,
+          content: item.content,
+          bounds
+        })
+        this.originInstance.getCopyrightCollection()
+      })
+    }
+  }
+}
+</script>

package/components/controls/Geolocation.vue

@@ -0,0 +1,59 @@
+<script>
+import commonMixin from '../base/mixins/common.js'
+import bindEvents from '../base/bindEvent.js'
+import {createIcon, createSize} from '../base/factory.js'
+
+export default {
+  name: 'bm-geolocation',
+  render () {},
+  mixins: [commonMixin('control')],
+  props: {
+    anchor: {
+      type: String
+    },
+    offset: {
+      type: Object
+    },
+    showAddressBar: {
+      type: Boolean
+    },
+    autoLocation: {
+      type: Boolean
+    },
+    locationIcon: {
+      type: Object
+    }
+  },
+  watch: {
+    anchor () {
+      this.reload()
+    },
+    offset () {
+      this.reload()
+    },
+    showAddressBar () {
+      this.reload()
+    },
+    autoLocation () {
+      this.reload()
+    },
+    locationIcon () {
+      this.reload()
+    }
+  },
+  methods: {
+    load () {
+      const {BMap, map, anchor, showAddressBar, autoLocation, locationIcon, offset} = this
+      this.originInstance = new BMap.GeolocationControl({
+        anchor: global[anchor],
+        showAddressBar,
+        enableAutoLocation: autoLocation,
+        offset: offset && createSize(BMap, offset),
+        locationIcon: locationIcon && createIcon(BMap, locationIcon)
+      })
+      bindEvents.call(this, this.originInstance)
+      map.addControl(this.originInstance)
+    }
+  }
+}
+</script>

package/components/controls/MapType.vue

@@ -0,0 +1,39 @@
+<script>
+import commonMixin from '../base/mixins/common.js'
+import {createSize} from '../base/factory.js'
+
+export default {
+  name: 'bm-map-type',
+  render () {},
+  mixins: [commonMixin('control')],
+  props: ['type', 'mapTypes', 'anchor', 'offset'],
+  watch: {
+    anchor () {
+      this.reload()
+    },
+    offset () {
+      this.reload()
+    },
+    type () {
+      this.reload()
+    },
+    mapTypes () {
+      this.reload()
+    }
+  },
+  methods: {
+    load () {
+      const {BMap, map, anchor, offset, type} = this
+      const mapTypes = []
+      this.mapTypes && this.mapTypes.forEach(item => mapTypes.push(global[item]))
+      this.originInstance = new BMap.MapTypeControl({
+        anchor: global[anchor],
+        offset: offset && createSize(BMap, offset),
+        type: global[type],
+        mapTypes
+      })
+      map.addControl(this.originInstance)
+    }
+  }
+}
+</script>

package/components/controls/Navigation.vue

@@ -0,0 +1,55 @@
+<script>
+import commonMixin from '../base/mixins/common.js'
+import {createSize} from '../base/factory.js'
+
+export default {
+  name: 'bm-navigation',
+  render () {},
+  mixins: [commonMixin('control')],
+  props: {
+    anchor: {
+      type: String
+    },
+    offset: {
+      type: Object
+    },
+    type: {
+      type: String
+    },
+    showZoomInfo: {
+      type: Boolean
+    },
+    enableGeolocation: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    anchor () {
+      this.reload()
+    },
+    offset () {
+      this.reload()
+    },
+    type () {
+      this.reload()
+    },
+    showZoomInfo () {
+      this.reload()
+    }
+  },
+  methods: {
+    load () {
+      const {BMap, map, anchor, offset, type, showZoomInfo, enableGeolocation} = this
+      this.originInstance = new BMap.NavigationControl({
+        anchor: global[anchor],
+        offset: offset && createSize(BMap, offset),
+        type: global[type],
+        showZoomInfo,
+        enableGeolocation
+      })
+      map.addControl(this.originInstance)
+    }
+  }
+}
+</script>

package/components/controls/OverviewMap.vue

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

package/components/controls/Panorama.vue

@@ -0,0 +1,29 @@
+<script>
+import commonMixin from '../base/mixins/common.js'
+import {createSize} from '../base/factory.js'
+
+export default {
+  name: 'bm-panorama',
+  mixins: [commonMixin('control')],
+  render () {},
+  props: ['anchor', 'offset'],
+  watch: {
+    anchor () {
+      this.reload()
+    },
+    offset () {
+      this.reload()
+    }
+  },
+  methods: {
+    load () {
+      const {BMap, map, anchor, offset} = this
+      this.originInstance = new BMap.PanoramaControl({
+        anchor: global[anchor],
+        offset: offset && createSize(BMap, offset)
+      })
+      map.addControl(this.originInstance)
+    }
+  }
+}
+</script>

package/components/controls/Scale.vue

@@ -0,0 +1,36 @@
+<script>
+import commonMixin from '../base/mixins/common.js'
+import {createSize} from '../base/factory.js'
+
+export default {
+  name: 'bm-scale',
+  render () {},
+  mixins: [commonMixin('control')],
+  props: {
+    anchor: {
+      type: String
+    },
+    offset: {
+      type: Object
+    }
+  },
+  watch: {
+    anchor () {
+      this.reload()
+    },
+    offset () {
+      this.reload()
+    }
+  },
+  methods: {
+    load () {
+      const {BMap, map, anchor, offset} = this
+      this.originInstance = new BMap.ScaleControl({
+        anchor: global[anchor],
+        offset: offset && createSize(BMap, offset)
+      })
+      map.addControl(this.originInstance)
+    }
+  }
+}
+</script>

package/components/extra/CurveLine.vue

@@ -0,0 +1,101 @@
+<script>
+import CurveLine from 'bmaplib.curveline'
+import commonMixin from '../base/mixins/common.js'
+import bindEvents from '../base/bindEvent.js'
+import {createPoint} from '../base/factory.js'
+
+const eventList = [
+  'click',
+  'dblclick',
+  'mousedown',
+  'mouseup',
+  'mouseout',
+  'mouseover',
+  'remove',
+  'lineupdate'
+]
+
+export default {
+  name: 'bml-curve-line',
+  render () {},
+  mixins: [commonMixin('overlay')],
+  props: {
+    points: {
+      type: Array,
+      default: Array
+    },
+    strokeColor: {
+      type: String
+    },
+    strokeWeight: {
+      type: Number
+    },
+    strokeOpacity: {
+      type: Number
+    },
+    strokeStyle: {
+      type: String
+    },
+    massClear: {
+      type: Boolean,
+      default: true
+    },
+    clicking: {
+      type: Boolean,
+      default: true
+    },
+    editing: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    points: {
+      handler (val, oldVal) {
+        this.originInstance.disableEditing()
+        this.reload()
+      },
+      deep: true
+    },
+    strokeColor (val) {
+      this.originInstance.setStrokeColor(val)
+    },
+    strokeOpacity (val) {
+      this.originInstance.setStrokeOpacity(val)
+    },
+    strokeWeight (val) {
+      this.originInstance.setStrokeWeight(val)
+    },
+    strokeStyle (val) {
+      this.originInstance.setStrokeStyle(val)
+    },
+    editing (val) {
+      val ? this.originInstance.enableEditing() : this.originInstance.disableEditing()
+    },
+    massClear (val) {
+      val ? this.originInstance.enableMassClear() : this.originInstance.disableMassClear()
+    },
+    clicking (val) {
+      this.reload()
+    }
+  },
+  methods: {
+    load () {
+      const {BMap, map, points, strokeColor, strokeWeight, strokeOpacity, strokeStyle, editing, massClear, clicking} = this
+      const overlay = new CurveLine(points.map(item => createPoint(BMap, item)), {
+        strokeColor,
+        strokeWeight,
+        strokeOpacity,
+        strokeStyle,
+        // enableEditing: editing,
+        enableMassClear: massClear,
+        enableClicking: clicking
+      })
+      editing ? overlay.enableEditing() : overlay.disableEditing()
+      this.originInstance = overlay
+      map.addOverlay(overlay)
+      bindEvents.call(this, overlay, eventList)
+    }
+  }
+}
+</script>

package/components/extra/Heatmap.vue

@@ -0,0 +1,78 @@
+<script>
+import commonMixin from '../base/mixins/common.js'
+import Heatmap from 'bmaplib.heatmap'
+
+export default {
+  name: 'bml-heatmap',
+  render () {},
+  mixins: [commonMixin('overlay')],
+  props: {
+    data: {
+      type: Array,
+      default: Array
+    },
+    max: {
+      type: Number
+    },
+    radius: {
+      type: Number
+    },
+    gradient: {
+      type: Object
+    },
+    opacity: {
+      type: Number
+    }
+  },
+  watch: {
+    data: {
+      handler () {
+        this.reload()
+      },
+      deep: true
+    },
+    max () {
+      this.reload()
+    },
+    radius (val) {
+      const {originInstance, opacity, gradient} = this
+      originInstance.setOptions({
+        radius: val,
+        opacity,
+        gradient
+      })
+    },
+    gradient: {
+      handler (val) {
+        const {originInstance, radius, opacity} = this
+        originInstance.setOptions({
+          radius,
+          opacity,
+          gradient: val
+        })
+      },
+      deep: true
+    },
+    opacity (val) {
+      const {originInstance, radius, gradient} = this
+      originInstance.setOptions({
+        radius,
+        opacity: val,
+        gradient
+      })
+    }
+  },
+  methods: {
+    load () {
+      const {map, data, max, radius, opacity, gradient} = this
+      const overlay = this.originInstance = new Heatmap({
+        radius,
+        opacity,
+        gradient
+      })
+      map.addOverlay(overlay)
+      overlay.setDataSet({data, max})
+    }
+  }
+}
+</script>

package/components/extra/Lushu.vue

@@ -0,0 +1,125 @@
+<script>
+/*eslint-disable*/
+import commonMixin from '../base/mixins/common.js'
+import {createIcon} from '../base/factory.js'
+import Lushu from 'bmaplib.lushu'
+
+export default {
+  name: 'bm-lushu',
+  render (h) {},
+  mixins: [commonMixin('lushu')],
+  props: {
+    path: {
+      type: Array,
+      default: []
+    },
+    landmarkPois: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    icon: {
+      type: Object
+    },
+    speed: {
+      type: Number,
+      default: 4000
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    autoView: {
+      type: Boolean,
+      default: false
+    },
+    rotation: {
+      type: Boolean,
+      default: false
+    },
+    infoWindow: {
+      type: Boolean,
+      default: true
+    },
+    play: {
+      type: Boolean,
+      default: true
+    }
+  },
+  watch: {
+    path: {
+      handler (val) {
+        this.reload()
+      },
+      deep: true
+    },
+    landmarkPois: {
+      handler (val) {
+        this.reload()
+      },
+      deep: true
+    },
+    icon: {
+      handler (val) {
+        const {originInstance, content} = this
+        const newMarker = createIcon(BMap, val)
+        originInstance._opts.icon = newMarker
+        originInstance._marker = newMarker
+      },
+      deep: true
+    },
+    speed (val) {
+      const {originInstance, content} = this
+      originInstance._opts.speed = val
+    },
+    content (val) {
+      const {originInstance, infoWindow} = this
+      val && infoWindow ? originInstance.showInfoWindow() : originInstance.hideInfoWindow()
+      originInstance._opts.defaultContent = val
+      originInstance._overlay && originInstance._overlay.setHtml(val)
+    },
+    autoView (val) {
+      const {originInstance, content} = this
+      originInstance._opts.autoView = val
+    },
+    rotation (val) {
+      const {originInstance, content} = this
+      originInstance._opts.enableRotation = val
+    },
+    infoWindow (val) {
+      const {originInstance, content} = this
+      originInstance && val && content ? originInstance.showInfoWindow() : originInstance.hideInfoWindow()
+    },
+    play (val) {
+      const {originInstance} = this
+      val && originInstance ? originInstance.start() : !this._isEnd && originInstance.pause()
+    }
+  },
+  methods: {
+    load () {
+      const {BMap, map, path, landmarkPois, icon, speed, content, autoView, rotation, infoWindow, play} = this
+      const lushu = this.originInstance = new Lushu(map, path, {
+        enableRotation: rotation,
+        landmarkPois,
+        showInfoWindow: infoWindow,
+        defaultContent: content,
+        icon: icon && createIcon(BMap, icon),
+        speed,
+        autoView,
+        onstart: e => {
+          this._isEnd = false
+          this.$emit('start')
+        },
+        onstop: e => {
+          this._isEnd = true
+          this.$emit('stop')
+        },
+        onpause: e => this.$emit('pause')
+      })
+      play && path.length && lushu.start(this)
+      path.length && (content && infoWindow ? lushu.showInfoWindow() : lushu.hideInfoWindow())
+    }
+  }
+}
+</script>