Home.vue

<template>
<div class="home">
<div class="mapChina">
  <Map class="mapClass"></Map>
</div>
<!-- <div class="mapGuizhou">

</div> -->
<!-- <div class="mapGuiyang">

</div>
<div class="mapAnshun">

</div> -->
</div>

</template>

<script>
import Map from '@/echarts/Map'
export default {
    name: 'Home',
    data () {
        return {

        }
    },
    components: {
        Map
    }
}
</script>

<style scoped>
.home{
  position: relative;
  width:100%;
  height: 100%;
  color:#fff;
  margin:0;
  padding:0;
  display: flex;
}
.mapChina{
  position: relative;
  width:100%;
  height: 100%;
  background: #fff;
}
.mapGuizhou{
  position: relative;
  width:100%;
  height:100%;
  background: #636e72;
}
/* .mapClass{
  position: relative;
  width:50%;
  height: 100%;
  background: #fff;
} */
</style>