月球大数据地理空间分析展示平台-【前端】-月球2期前端
Surpriseplus
2023-08-28 6f2fb62fe828bdd74b0cd59b9cbdf6c83559c1b4
src/views/Index.vue
@@ -1,8 +1,6 @@
<template>
  <div class="body_box">
    <div id="cesiumContainer">
    </div>
    <export-map
      v-if="layerExportshow"
      @SETexportMap="SETexportMap"
@@ -22,6 +20,13 @@
    <details-query v-if="store.state.details.showDetails">
    </details-query>
    <div v-if="store.state.isShowMap">
      <map-view></map-view>
    </div>
    <div v-if="!store.state.isShowMap">
      <ol-map></ol-map>
    </div>
  </div>
</template>
@@ -40,7 +45,8 @@
//底部菜单
import bottomBtn from "@/components/bottomBtn.vue";
import exportMap from "./export/exportMap.vue";
import InitMap from "@/assets/js/Map/index.js";
import mapView from "@/views/Map/mapView.vue";
import olMap from "@/views/Map/olMap.vue";
//经纬度显示
import mouseMove from "@/components/mouseMove.vue";
//空间查询
@@ -55,17 +61,11 @@
import router from "@/router";
import { useStore } from "vuex"; // 引入useStore 方法
let map;
var viewer;
const store = useStore(); // 该方法用于返回store 实例
const layerExportshow = ref(false);
const layerSpatialshow = ref(false);
const layerLocationshow = ref(false);
const init = () => {
  viewer = InitMap.Viewer;
  map = InitMap.sgworld;
  window.setMouseMove(true);
};
//关闭状态
const SETexportMap = (res) => {
  layerExportshow.value = res;
@@ -115,10 +115,9 @@
    router.push("/Login");
  }
  InitMap.init3DMap();
  init();
  // setCloseNavigatBar();
  window.functionForJs = functionForJs;
  store.state.isShowMap = true;
});
</script>
<style lang="less" scoped>