From eb6be7e76f6d12ebbc5a552a6fe67e9a79758cb4 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 20 Jan 2022 17:30:34 +0800
Subject: [PATCH] +
---
src/components/mobilemap/index.vue | 95 +++++++++++++++++++++++++++++++----------------
1 files changed, 62 insertions(+), 33 deletions(-)
diff --git a/src/components/mobilemap/index.vue b/src/components/mobilemap/index.vue
index 99a655e..4d2277a 100644
--- a/src/components/mobilemap/index.vue
+++ b/src/components/mobilemap/index.vue
@@ -34,6 +34,7 @@
</template>
<script>
import axios from "axios";
+import { getBuildClock } from "@/api/mobile/buildsClock/buildsClock"; // 楼栋详情
import { mapGetters } from "vuex";
export default {
name: "mobilemapBox",
@@ -95,6 +96,7 @@
"dimension",
"dimensionData",
"areaLayer", //绿布
+ "areaLayerSelect", //绿布颜色控制
]),
},
watch: {
@@ -519,30 +521,29 @@
areaLayer.show = true;
});
that.$store.commit("MSET_areaLayer", areaLayer);
- var select = {
- overlay: undefined,
- color: undefined,
- };
+ // var select = {
+ // overlay: undefined,
+ // color: undefined,
+ // };
viewer.on(that.DC.MouseEventType.CLICK, (e) => {
// console.log(e);
if (e.overlay != undefined && e.layer.id == "areaLayer") {
- if (select.overlay != undefined) {
- if (e.overlay != select.overlay) {
- select.overlay.setStyle({
- material: select.color,
+ if (that.areaLayerSelect.overlay != undefined) {
+ if (e.overlay != that.areaLayerSelect.overlay) {
+ that.areaLayerSelect.overlay.setStyle({
+ material: that.areaLayerSelect.color,
outline: false,
});
- select.overlay = undefined;
- select.color = undefined;
+ that.$store.commit("mset_changeSelect", [undefined, undefined]);
}
}
- if (select.overlay == undefined) {
- select.overlay = e.overlay;
+ if (that.areaLayerSelect.overlay == undefined) {
+ that.areaLayerSelect.overlay = e.overlay;
- select.color = e.overlay._style.material;
- select.overlay.setStyle({
+ that.areaLayerSelect.color = e.overlay._style.material;
+ that.areaLayerSelect.overlay.setStyle({
outline: true,
outlineColor: that.DC.Namespace.Cesium.Color.fromBytes(
3,
@@ -560,29 +561,57 @@
),
});
}
- // 定制化窗体
- that.openPopupS(
- {},
- [e.wgs84SurfacePosition.lng, e.wgs84SurfacePosition.lat],
- {
- name: "楼栋号:" + e.overlay.attr["楼栋号"],
- bgImg:
- "http://223.82.109.183:2081/zhxy/upload/20220105/3c05dd70a9eac17b7e49afbfc7b1b68e.png",
- address: "",
- introduce: "",
- data: e,
- lntLat: [e.wgs84SurfacePosition.lng, e.wgs84SurfacePosition.lat],
- }
- );
+
+ //如果是地图点击建筑，调用接口查详情
+ let ids =
+ e.overlay.attr["楼栋号"] == "8栋"
+ ? "9栋"
+ : e.overlay.attr["楼栋号"] == "9栋"
+ ? "8栋"
+ : e.overlay.attr["楼栋号"];
+ let eIntlat = [
+ e.wgs84SurfacePosition.lng,
+ e.wgs84SurfacePosition.lat,
+ ];
+ getBuildClock({
+ mechanismname: "香琴湾" + ids,
+ }).then((res) => {
+ const item = res.data.data;
+ // data.query.bgImg = ds.mechanismname;
+ // data.query.name = ds.tpurl;
+ // data.query.panoramaurl = ds.panoramaurl;
+ // data.query.bgImg = ds.tpurl;
+ // data.query.bgImg = ds.tpurl;
+ let useData = {
+ name: item.mechanismname,
+ lntLat: eIntlat,
+ alt: item.gd,
+ heading: item.heading,
+ pitch: item.pitch,
+ roll: item.roll,
+ bgImg: item.tpurl,
+ QRImg: item.codeurl,
+ websiteUrl: item.websiteurl,
+ telePhone: item.telephone,
+ address: item.address,
+ introduce: item.introduce,
+ video: item.videourl,
+ buts: ["定位", "实景", "图集"],
+ panoramaurl: item.panoramaurl, //全景
+ };
+ // 定制化窗体
+ // console.log(item, useData, "111111");
+ // return;
+ that.openPopupS({}, eIntlat, useData);
+ });
} else {
- if (select.overlay != undefined) {
- select.overlay.setStyle({
- material: select.color,
+ if (that.areaLayerSelect.overlay != undefined) {
+ that.areaLayerSelect.overlay.setStyle({
+ material: that.areaLayerSelect.color,
outline: false,
});
- select.overlay = undefined;
- select.color = undefined;
+ that.$store.commit("mset_changeSelect", [undefined, undefined]);
}
}
});
--
Gitblit v1.9.3