pass_b_map_vue2 0.0.1

package/components/base/util.js

@@ -0,0 +1,6 @@
+import {createPoint} from './factory'
+
+export const isPoint = obj => obj.lng && obj.lat
+export const checkType = val => Object.prototype.toString.call(val).slice(8, -1)
+
+export const getPosition = (BMap, point) => isPoint(point) ? createPoint(BMap, point) : point

package/components/context-menu/Item.vue

@@ -0,0 +1,62 @@
+<template>
+<span>
+  <slot></slot>
+</span>
+</template>
+<script>
+export default {
+  name: 'bm-context-menu-item',
+  props: {
+    callback: {
+      type: Function,
+      default: function () {}
+    },
+    text: {
+      type: String
+    },
+    iconUrl: {
+      type: String
+    },
+    id: {
+      type: String
+    },
+    disabled: {
+      type: Boolean
+    },
+    seperator: {
+      type: Boolean
+    }
+  },
+  methods: {
+    reload () {
+      this.$parent.map && this.$parent.load()
+    }
+  },
+  watch: {
+    text () {
+      this.reload()
+    },
+    iconUrl () {
+      this.reload()
+    },
+    id () {
+      this.reload()
+    },
+    disabled () {
+      this.reload()
+    },
+    iseperator () {
+      this.reload()
+    },
+    callback () {
+      this.reload()
+    }
+  },
+  destroyed () {
+    this.reload()
+  },
+  mounted () {
+    this.reload()
+  }
+}
+</script>

package/components/context-menu/Menu.vue

@@ -0,0 +1,52 @@
+<template>
+<div>
+  <slot></slot>
+</div>
+</template>
+
+<script>
+import commonMixin from '../base/mixins/common.js'
+
+export default {
+  name: 'bm-context-menu',
+  props: {
+    width: {
+      type: Number
+    }
+  },
+  mixins: [commonMixin('contextMenu')],
+  methods: {
+    load () {
+      const {width, BMap, map, $parent} = this
+      const parent = this.parent = $parent.originInstance || map
+      if (this.originInstance) {
+        parent.removeContextMenu(this.originInstance)
+      }
+      const menu = this.originInstance = new BMap.ContextMenu()
+      for (const item of this.$children) {
+        if (item.seperator) {
+          menu.addSeparator()
+          continue
+        }
+        const menuItem = new BMap.MenuItem(item.text, function (point, pixel) {
+          item.callback({
+            point,
+            pixel,
+            BMap,
+            map,
+            target: parent
+          })
+        }, {
+          width,
+          id: item.id,
+          iconUrl: item.iconUrl
+        })
+        item.disabled ? menuItem.disable() : menuItem.enable()
+        item.originInstance = menuItem
+        menu.addItem(menuItem)
+      }
+      parent.addContextMenu(menu)
+    }
+  }
+}
+</script>

package/components/controls/CityList.vue

@@ -0,0 +1,43 @@
+<script>
+import commonMixin from '../base/mixins/common.js'
+import {createSize} from '../base/factory.js'
+
+export default {
+  name: 'bm-city-list',
+  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
+      const self = this
+      this.originInstance = new BMap.CityListControl({
+        anchor: global[anchor],
+        offset: offset && createSize(BMap, offset),
+        onChangeBefore () {
+          self.$emit('changeBefore')
+        },
+        onChangeAfter () {
+          self.$emit('changeAfter')
+        }
+      })
+      map.addControl(this.originInstance)
+    }
+  }
+}
+</script>

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>