<!--
 * @ Author: linqiurong
 * @ Create Time: 2020-09-16 13:38:06
 * @ Modified by: linqiurong
 * @ Modified time: 2020-10-23 18:25:38
 * @ Description: 地图测试组件
 -->

<template>
  <div>
    <div class="map-container" ref="mapContainer"></div>
    <!-- <EginBasemap v-if="eginMap" :eginMap="eginMap" :show="showEginBasemap" :loadXmTdt="true"/> -->
  </div>
</template>

<script>
// import {EginMap,TiandiTu,EginPosition, ComponentNameMap, GeometryType, EginBasemap,EginLayers, EginTools, EginStatic, EginLegend} from '../libs/dist/main.min.js'
// // import EginMap from '../../libs//EginMap.js'
// // import EginMap from '../libs/EginMap'
// // import TiandiTu from '../libs/basemap/TiandiTu'
// // import EginPosition from '../libs/const/EginPosition'
// // import { Alert } from 'element-ui'
// // import ComponentNameMap from '../libs/const/ComponentName'
// // import { mapGetters } from 'vuex'
// // import GeometryType from '../libs/const/GeometryType'
// // import { mapApi } from '@api/mapApi/map'

export default {
  name: 'EginMap',
  components: {

  },
  mounted() {
    
  }
}
</script>

<style  scoped>
.map-container {
  /* height:  calc(100vh - 70px); */
  height: 100vh;
  width: 100%;
}
.alert {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 500px;
  height: 35px;
  opacity: 0.8;
  z-index: 999;
}
/* .map-container >>> .egin-tools {
  top: 80px;
}
.map-container >>> .leaflet-control-container .leaflet-top.leaflet-right{
  top: 80px;
} */
/* .map-container
  >>> .leaflet-control-container
  >>> .leaflet-top
  >>> .leaflet-right {
  border: 1px solid red !important;
  top: 77px !important;
} */
</style>