<template>
  <div class="map">
    <web-view ref="mapView" src="/static/map.html" @message="message"></web-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      map: null
    }
  },
  mounted() {},
  methods: {
    message(event) {
      console.log('🚀 ~ message ~ val:', event.detail.data)
      this.$emit('getLatitudeLongitude', event.detail.data)
    }
  }
}
</script>

<style lang="scss" scoped>
.map {
  width: 100%;
  height: 500px;
}
</style>
