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/mobileLeftNav/index.vue | 64 ++++++++++++++++++++++++++++++++
1 files changed, 64 insertions(+), 0 deletions(-)
diff --git a/src/components/mobileLeftNav/index.vue b/src/components/mobileLeftNav/index.vue
index 1247850..2cbf6e6 100644
--- a/src/components/mobileLeftNav/index.vue
+++ b/src/components/mobileLeftNav/index.vue
@@ -14,6 +14,34 @@
<span>{{ item.label }}</span>
</li>
</ul>
+ <div
+ ref="mobile-mapContentContent"
+ v-show="popupWindow1"
+ id="mobile-map_MP1"
+ >
+ <div class="mobile-popup-imgs-heard">
+ <img :src="url1" alt="" />
+ <el-image
+ style="width: 100px; height: 100px"
+ :src="url1"
+ id="mobileBigImgs"
+ v-show="false"
+ :preview-src-list="srcList1"
+ >
+ </el-image>
+ 南门口
+ </div>
+ <div class="mobile-popup-control">
+ <el-link icon="el-icon-picture-outline-round" @click="mobileOpenImgs1"
+ >图集</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" @click="goOn1">去这</el-link>
+ </div>
+ </div>
+ <!-- 地图图标弹窗↑ -->
</div>
</template>
@@ -36,6 +64,12 @@
},
data() {
return {
+ popupWindow1: false,
+ url1: "/img/job/one.jpg",
+ srcList1: [
+ "https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg",
+ "https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg",
+ ],
icons: "el-icon-d-arrow-right",
iconHide: false,
navStyle: {
@@ -142,6 +176,8 @@
return list;
},
leftNavClick(item) {
+ // console.log(item);
+ this.popupWindow1 = false;
item.flag = !item.flag;
if (item.flag == true) {
item.img = item.checked;
@@ -152,6 +188,7 @@
}
},
initialize(viewer) {
+ var that = this;
viewer.scene.globe.depthTestAgainstTerrain = false;
this.viewer = viewer;
this.tagLayer = new this.DC.HtmlLayer("tagLayer");
@@ -185,6 +222,28 @@
`
);
this.tagLayer.addOverlay(divIcon);
+ //订阅事件1
+ divIcon.on(DC.MouseEventType.CLICK, (e) => {
+ // console.log(e);
+ that.popupWindow1 = true;
+ // 定制化窗体
+ var divForms = new DC.mobileDivForms(viewer, {
+ domId: "mobilePopup",
+ title: "成教楼 ",
+ className: "mobilePopup",
+ content: document.getElementById("mobile-map_MP1"),
+ position: [e.position],
+ });
+ viewer.zoomToPosition(
+ new DC.Position(
+ e.overlay._position._lng,
+ e.overlay._position._lat - 0.012,
+ 1530,
+ 0,
+ -45
+ )
+ );
+ });
});
const positions2 = this.generatePosition(50);
@@ -284,6 +343,11 @@
this.parkLayer.show = false;
this.comeLayer.show = false;
},
+ mobileOpenImgs1() {
+ let imgsDom = document.getElementById("mobileBigImgs");
+ imgsDom.click();
+ },
+ goOn1() {},
},
};
</script>
--
Gitblit v1.9.3