From b7c39e4ccd65249dc385d76d08ed59834f83ad97 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 15 Dec 2021 17:34:04 +0800
Subject: [PATCH] +
---
src/components/mobilemap/index.vue | 73 +++++++++++++++++++++++++++++++-----
1 files changed, 63 insertions(+), 10 deletions(-)
diff --git a/src/components/mobilemap/index.vue b/src/components/mobilemap/index.vue
index 1953320..f5b4d9f 100644
--- a/src/components/mobilemap/index.vue
+++ b/src/components/mobilemap/index.vue
@@ -1,8 +1,8 @@
/* eslint-disable camelcase */
<template>
<div id="mobile-viewer-container">
+ <!-- 地图图标弹窗↓ -->
<div id="mobile-map_popup_content"></div>
-
<div
ref="mobile-mapContentContent"
v-show="popupWindow"
@@ -25,21 +25,27 @@
>图集</el-link
>
<el-divider direction="vertical"></el-divider>
-
<el-link icon="el-icon-map-location">实景</el-link>
<el-divider direction="vertical"></el-divider>
- <el-link icon="el-icon-aim">去这</el-link>
+ <el-link icon="el-icon-aim" @click="goOn">去这</el-link>
</div>
</div>
+ <!-- 地图图标弹窗↑ -->
+ <!-- 控制↓ -->
<mobileLeftNav ref="mobileLeftNav"></mobileLeftNav>
- <mobileCortrol ref="mobileCortrol"></mobileCortrol>
+ <!-- <mobileCortrol ref="mobileCortrol"></mobileCortrol> -->
<mobileCortrolButtom ref="mobileCortrolButtom"></mobileCortrolButtom>
<mobileCortrolSearch ref="mobileCortrolSearch"></mobileCortrolSearch>
+ <!-- 控制↑ -->
+ <!-- 控制大弹窗的弹窗 -->
+ <mobilePopupOurAfter v-if="mBigPopupAfter"></mobilePopupOurAfter>
+ <!-- 大弹窗 -->
+ <mobilePopupOur :style="[bigPopup]" v-if="mBigPopup"></mobilePopupOur>
</div>
</template>
<script>
import { mapGetters } from "vuex";
-
+import { location } from "../../position/position";
export default {
name: "mobilemapBox",
data() {
@@ -51,10 +57,28 @@
],
popupFlag: false,
popupWindow: false,
+ bigPopup: {
+ width: 0,
+ height: 0,
+ transition: "all 3s",
+ },
};
},
computed: {
- ...mapGetters(["mviewer"]),
+ ...mapGetters(["mviewer", "mBigPopup", "mBigPopupAfter"]),
+ },
+ watch: {
+ mBigPopup() {
+ if (this.mBigPopup) {
+ this.bigPopup.width = "100%";
+ this.bigPopup.height = "100%";
+ this.bigPopup.display = "inline-block";
+ } else {
+ this.bigPopup.width = "0";
+ this.bigPopup.height = "0";
+ this.bigPopup.display = "none";
+ }
+ },
},
mounted() {
var DC = global.DC;
@@ -203,7 +227,7 @@
viewer.scene.globe.depthTestAgainstTerrain = false;
// console.log(document.getElementById("mobile-map_content_content"));
- console.log(e.position);
+ // console.log(e.position);
// 定制化窗体
var divForms = new DC.mobileDivForms(viewer, {
@@ -216,8 +240,8 @@
viewer.zoomToPosition(
new DC.Position(
e.wgs84Position.lng,
- e.wgs84Position.lat - 0.016,
- 2030,
+ e.wgs84Position.lat - 0.012,
+ 1530,
0,
-45
)
@@ -232,7 +256,7 @@
// )
viewer.compass.enable = false;
- viewer.zoomController.enable = false;
+ viewer.zoomController.enable = true;
viewer.locationBar.enable = false;
viewer.distanceLegend.enable = true;
}
@@ -244,6 +268,35 @@
let imgsDom = document.getElementById("mobileBigImgs");
imgsDom.click();
},
+ goOn() {
+ // if (navigator.geolocation) {
+ // navigator.geolocation.watchPosition(backPoint);
+ // }
+ // function backPoint(res) {
+ // console.log(res);
+ // let position = [res.coords.longitude, res.coords.latitude];
+ // console.log(position);
+ // }
+ // this.getLocation();
+ // location((res) => {
+ // console.log(res);
+ // alert(res.message);
+ // });
+ // console.log(returnCitySN["cip"]);
+ },
+ getLocation() {
+ // let _that = this;
+ // let geolocation = location.initMap("map-container"); //定位
+ // AMap.event.addListener(geolocation, "complete", (result) => {
+ // console.log(result);
+ // // console.log("hhha");
+ // // _that.lat = result.position.lat;
+ // // _that.lng = result.position.lng;
+ // // _that.province = result.addressComponent.province;
+ // // _that.city = result.addressComponent.city;
+ // // _that.district = result.addressComponent.district;
+ // });
+ },
},
};
</script>
--
Gitblit v1.9.3