+

liuyg

2022-01-20 eb6be7e76f6d12ebbc5a552a6fe67e9a79758cb4

 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]);
          }
        }
      });