<!--
 * @Author: zhangbo
 * @Date: 2021-02-22 17:37:23
 * @E-mail: zhangbo@geovis.com.cn
 * @LastModifiedBy: zhangbo
 * @LastEditTime: 2021-03-08 10:02:46
 * @Desc: 
-->
<template>
  <div class="component">
    <div id="imap" style="width: 800px; height: 600px"></div>
  </div>
</template>

<script>
  import { VueExtend } from 'visual-editor-lib'
  import { createEarth, removeIMap } from "../preview/lib/Util";
  import basePlugin from './basePlugin'

  export default {
    mixins: [VueExtend.mixin, basePlugin],
    name: '<%= name %>',
    label: process.env.LABEL,
    style: process.env.STYLE,
    stack: null, // 是否是堆叠模式 ，false：孩子元素会按楼层一个个向下排布， true: 孩子元素绝对定位，随意放置位置
    childLimit: 9999,  // 孩子元素最大限制数
    leaf: false, // 是否是叶子节点，为true的时候该节点下面不能添加节点
    props: {
    },
    computed: {
    },
    mounted() {
      if (process.env.NODE_ENV === "development") {
        window.viewer = createEarth("imap");
        this.viewer=window.viewer;
      } else {
        removeIMap()
      }
      this.init();
    },
    methods: {
      /**
       * 组件初始化方法，所有初始化逻辑在这里完成       * 
      */
      init() {
        if(!this.viewer){
          return;
        }
      },
      /**
       * 组件销毁方法      * 
      */
      destroy() {
        if(!this.viewer){
          return;
        }

      }
    },
    beforeDestroy() {
      this.destroy();
    },
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" type="text/stylus" scoped>
  .component {
    width: 100%;
    height: 100%;
  }
</style>