<template>
  <div id="WatershedOneMap">
    <!--    <Maps />-->
    <MapBox />
    <!-- <TuLi /> -->
    <WBox />
  </div>
</template>
<script>
import { ref, reactive, toRefs, onMounted } from "vue";
import Maps from "./components/W_MapBox.vue";
import MapBox from "./components/Mapbox.vue";
import WBox from "./components//W_Box.vue";
import TuLi from "./components/W_oneMapTuLi.vue";
export default {
  name: "WatershedOneMap",
  components: {
    MapBox,
    Maps,
    TuLi,
    WBox,
  },
  setup() {
    onMounted(() => { });
    return {};
  },
  computed: {},
  methods: {},
};
</script>
<style lang="less" scoped>
#WatershedOneMap {
  width: 100%;
  height: 100%;
  position: relative;
  min-width: 1810px;
  overflow: auto;
}
</style>