| | |
| | | <template> |
| | | <div class="body_box"> |
| | | <div id="cesiumContainer"> |
| | | |
| | | </div> |
| | | <export-map |
| | | v-if="layerExportshow" |
| | | @SETexportMap="SETexportMap" |
| | |
| | | <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> |
| | | |
| | |
| | | //底部菜单 |
| | | 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"; |
| | | //空间查询 |
| | |
| | | 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; |
| | |
| | | router.push("/Login"); |
| | | } |
| | | |
| | | InitMap.init3DMap(); |
| | | init(); |
| | | // setCloseNavigatBar(); |
| | | window.functionForJs = functionForJs; |
| | | store.state.isShowMap = true; |
| | | }); |
| | | </script> |
| | | <style lang="less" scoped> |