<template>
  <div ref="map" id="map" class="map" :style="{'width':width,'height':height}"></div>
</template>

<script>
import { VMap } from './VMap.js'
export default {
  name: 'v-map',
  props: {
    width: {
      default: '1920px'
    },
    height: {
      default: '960px'
    },
    option: {
      type: Object
    }
  },
  mounted () {
    this.init()
  },
  methods: {
    init () {
      VMap.map = new VMap('map', this.option)
    }
  }
}
</script>

<style scoped>

</style>
