<template>
  <div style="display: flex; height: 100%; width: 100%">
    <slot>
      <Mapinit
        @getShow="getshow"
        style="display: flex; flex: 1; height: 100%; width: 100%"
      ></Mapinit>
    </slot>
  </div>
</template>

<script>
import Mapinit from "@/components/Map.vue";
//import {Mapinit} from '@/componentsdks'
export default {
  name: "mapddm",
  components: {
    Mapinit,
  },
  mounted() {
    // this.$on("getShow", () => {
    //   console.log(66666);
    // });
  },
  methods: {
    getshow() {
      console.log(45678);
      this.$emit("initMap");
    },
  },
};
</script>

<style scoped>
.cover {
  position: relative;
  pointerevents: "none";
}
.cover:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: 0 0 50px 50px #ffffff inset;
}
</style>
