.

shuishen

2022-03-08 4af47e6507183a18f676d9fcabc122084546f37e

.

 src/components/map/components/dimension.vue

@@ -102,52 +102,52 @@
                        )
                    )

                    that.viewer.imageryLayers.addImageryProvider(
                        new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                            url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
                            subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                            format: 'image/jpeg',
                            show: true,
                            maximumLevel: 18
                        })
                    )

                    that.viewer.imageryLayers.addImageryProvider(
                        new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                            url: 'http://t{s}.tianditu.gov.cn/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
                            subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                            format: 'image/jpeg',
                            show: true,
                            maximumLevel: 18
                        })
                    )

                    // that.viewer.imageryLayers.addImageryProvider(
                    //     new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    //         url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
                    //         type: 'wmts',
                    //         layer: 'vec',
                    //         style: 'default',
                    //         format: 'tiles',
                    //         tileMatrixSetID: 'w',
                    //     new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    //         url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
                    //         subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                    //         format: 'image/jpeg',
                    //         show: true,
                    //         maximumLevel: 18
                    //     })
                    // )

                    // that.viewer.imageryLayers.addImageryProvider(
                    //     new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    //         url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
                    //         type: 'wmts',
                    //         layer: 'cva',
                    //         style: 'default',
                    //         format: 'tiles',
                    //         tileMatrixSetID: 'w',
                    //     new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    //         url: 'http://t{s}.tianditu.gov.cn/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
                    //         subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                    //         format: 'image/jpeg',
                    //         show: true,
                    //         maximumLevel: 18
                    //     })
                    // )

                    that.viewer.imageryLayers.addImageryProvider(
                        new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                            url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
                            type: 'wmts',
                            layer: 'vec',
                            style: 'default',
                            format: 'tiles',
                            tileMatrixSetID: 'w',
                            show: true,
                            maximumLevel: 18
                        })
                    )

                    that.viewer.imageryLayers.addImageryProvider(
                        new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                            url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
                            type: 'wmts',
                            layer: 'cva',
                            style: 'default',
                            format: 'tiles',
                            tileMatrixSetID: 'w',
                            show: true,
                            maximumLevel: 18
                        })
                    )

                    var highlighted = {
                        feature: undefined,
                        originalColor: new global.DC.Namespace.Cesium.Color()

 src/components/map/index.vue

@@ -246,26 +246,20 @@
            })

            eagleViewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
                    type: 'wmts',
                    layer: 'vec',
                    style: 'default',
                    format: 'tiles',
                    tileMatrixSetID: 'w',
                new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
                    subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                    format: 'image/jpeg',
                    show: true,
                    maximumLevel: 18
                })
            )

            eagleViewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
                    type: 'wmts',
                    layer: 'cva',
                    style: 'default',
                    format: 'tiles',
                    tileMatrixSetID: 'w',
                new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    url: 'http://t{s}.tianditu.gov.cn/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
                    subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                    format: 'image/jpeg',
                    show: true,
                    maximumLevel: 18
                })

 src/components/mobileCortrol/index.vue

@@ -14,26 +14,22 @@
      class="m-l-inbut zoom-in m-l-inbut-3d"
      :class="{ active: dimension == '2.5D' }"
      @click="zoomIn('2.5D')"
    >
      3D
    </div>
        >3D</div>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
import { mapGetters } from 'vuex'
export default {
  name: "mobileCortrol",
    name: 'mobileCortrol',
  data() {
    return {
      DC: "",
    };
        }
  },
  computed: {
    ...mapGetters(["mviewer", "startPointFn", "dimension"]),
        ...mapGetters(['mviewer', 'startPointFn', 'dimension'])
  },
  created() {
    this.DC = global.DC;
  },
  methods: {
    zoomIn(val) {
@@ -49,14 +45,14 @@
      // });
      if (val) {
        if (this.dimension != val) {
          this.$store.dispatch("MSET_DIMENSIONS", val);
                    this.$store.dispatch('MSET_DIMENSIONS', val)
        }
        return;
                return
      }
      this.startPointFn();
    },
  },
};
            this.startPointFn()
        }
    }
}
</script>

<style scoped lang="scss">

 src/components/mobileCortrolButtom/index.vue

@@ -12,8 +12,7 @@
            v-for="(item, index) in tabTable"
            :key="index"
            :command="item"
            >{{ item.title }}</el-dropdown-item
          >
                    >{{ item.title }}</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </div>
@@ -28,68 +27,65 @@
</template>

<script>
import { mapGetters } from "vuex";
import { getIp, getUsers } from "@/api/mobile/ip/index";
import { getListarc } from "@/api/mobile/public/arc";
import { getActivity } from "@/api/mobile/hd/hd";
import { mapGetters } from 'vuex'
import { getIp, getUsers } from '@/api/mobile/ip/index'
import { getListarc } from '@/api/mobile/public/arc'
import { getActivity } from '@/api/mobile/hd/hd'
export default {
  name: "mobileCortrolButtom",
    name: 'mobileCortrolButtom',
  data() {
    return {
      DC: "",
      tabTable: [],
      ccData: [
        {
          lnt: 114.03835559,
          lat: 27.63057034,
                    lat: 27.63057034
        },
        {
          lnt: 114.03971446,
          lat: 27.62986481,
                    lat: 27.62986481
        },
        {
          lnt: 114.03841654,
          lat: 27.62919726,
                    lat: 27.62919726
        },
        {
          lnt: 114.039946,
          lat: 27.62847544,
        },
      ],
    };
                    lat: 27.62847544
                }
            ]
        }
  },
  computed: {
    ...mapGetters(["mviewer", "openmobileGoTo", "dimensionData"]),
        ...mapGetters(['mviewer', 'openmobileGoTo', 'dimensionData'])
  },
  created() {
    this.DC = global.DC;
    // this.getStreet();
  },
  mounted() {},
  methods: {
    openActivity() {
      let d = {
            const d = {
        main: [
          {
            name: "活动",
                        name: '活动',
            type: 1,
            method: getActivity,
          },
                        method: getActivity
                    }
        ],
        qurey: "活动",
      };
      this.$store.commit("MSET_POPUPOUROPENDATA", d);
      this.$store.commit("MSET_BIGPOPUP", { name: "活动" });
                qurey: '活动'
            }
            this.$store.commit('MSET_POPUPOUROPENDATA', d)
            this.$store.commit('MSET_BIGPOPUP', { name: '活动' })
      // this.$store.commit("set_showActivity", true);
    },
    mubiao() {
      let that = this;
      //测试fllyTo
    },
    handleCommand(command) {
      let that = this;
      let position = [+command.lnt + 0.00027, +command.lat + 0.00048, 450];
      console.log(command, "定位");
            const that = this
            const position = [+command.lnt + 0.00027, +command.lat + 0.00048, 450]
            console.log(command, '定位')
      // 定位
      // this.$store.commit("MSETCC_SETCC", {
      //   lntLat: position,
@@ -105,6 +101,7 @@
      that.mviewer.camera.setView({
        // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
        // fromDegrees()方法，将经纬度和高程转换为世界坐标
                // eslint-disable-next-line new-cap
        destination: new global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
          // 114.0351,
          // 27.6314,
@@ -122,16 +119,16 @@
          ),
          // heading: data.heading,
          // pitch: data.pitch,
          roll: that.dimensionData.roll,
        },
      });
                    roll: that.dimensionData.roll
                }
            })
    },
    openBigPopupAfter() {
      this.$store.commit("MSET_BIGPOPUPAFTER", true);
            this.$store.commit('MSET_BIGPOPUPAFTER', true)
    },
    goOn() {
      let that = this;
      this.$store.commit("MSET_OPENMOBILEGOTO", !that.openmobileGoTo);
            const that = this
            this.$store.commit('MSET_OPENMOBILEGOTO', !that.openmobileGoTo)
      // console.log(returnCitySN["cip"]);
      // let data = {
      //   ip: returnCitySN["cip"],
@@ -144,10 +141,10 @@
      // });
    },
    getStreet() {
      let that = this;
            const that = this
      getListarc().then((res) => {
        let title = [];
        const data = res.data.data;
                const title = []
                const data = res.data.data
        for (let k = 0; k < data.length; k++) {
          title.push({
            title: data[k].dictValue,
@@ -155,8 +152,8 @@
            key: data[k].dictKey,
            child: [],
            lnt: that.ccData[k].lnt,
            lat: that.ccData[k].lat,
          });
                        lat: that.ccData[k].lat
                    })
        }
        // res.data.data.forEach((item) => {
        //   title.push({
@@ -166,12 +163,12 @@
        //     child: [],
        //   });
        // });
        this.tabTable = title;
        this.$store.commit("MSET_POPUPTABLENAME", title);
      });
    },
  },
};
                this.tabTable = title
                this.$store.commit('MSET_POPUPTABLENAME', title)
            })
        }
    }
}
</script>

<style scoped lang="scss">

 src/components/mobileCortrolSearch/index.vue

@@ -13,8 +13,7 @@
          class="iconSearch"
          icon="el-icon-search icon"
          @click="search"
        >
        </el-button>
                ></el-button>
      </el-input>
    </div>
  </div>
@@ -22,31 +21,29 @@

<script>
export default {
  name: "mobileCortrolSearch",
    name: 'mobileCortrolSearch',
  computed: {},
  data() {
    return {
      viewer: null,
      DC: null,
      input: "",
    };
            input: ''
        }
  },
  created() {
    this.DC = global.DC;
  },
  mounted() {},
  methods: {
    initialize(viewer) {
      viewer.scene.globe.depthTestAgainstTerrain = false;
      this.viewer = viewer;
            viewer.scene.globe.depthTestAgainstTerrain = false
            this.viewer = viewer
    },
    search() {
      let that = this;
      this.$store.commit("MSET_BIGPOPUP", { search: true, value: that.input });
      that.input = "";
    },
  },
};
            const that = this
            this.$store.commit('MSET_BIGPOPUP', { search: true, value: that.input })
            that.input = ''
        }
    }
}
</script>

<style scoped lang="scss">

 src/components/mobileLeftNav/index.vue

@@ -11,7 +11,7 @@
        @click="leftNavClick(item)"
        v-show="!item.notShow"
      >
        <img :style="[imgStyle]" :src="item.img" alt="" />
                <img :style="[imgStyle]" :src="item.img" alt />
        <span>{{ item.label }}</span>
      </li>
    </ul>
@@ -19,7 +19,7 @@
</template>

<script>
import { mapGetters } from "vuex";
import { mapGetters } from 'vuex'
import {
  // getListdoor, //出入
  // getListaed, //AED
@@ -27,96 +27,96 @@
  getListarchitecture, //全景
  getListarchitecture1, //标签
  getListroad, //道路
  getListcat, //出入-AED-停车场
} from "@/api/mobile/piont/index";
import { getListVideo } from "@/api/mobile/monitor/index";
    getListcat // 出入-AED-停车场
} from '@/api/mobile/piont/index'
import { getListVideo } from '@/api/mobile/monitor/index'
export default {
  name: "mobileLeftNav",
    name: 'mobileLeftNav',
  watch: {
    iconHide() {
      if (this.iconHide) {
        this.icons = "el-icon-d-arrow-left";
        this.navStyle.right = "-51px";
        this.imgStyle.right = "6px";
                this.icons = 'el-icon-d-arrow-left'
                this.navStyle.right = '-51px'
                this.imgStyle.right = '6px'
      } else {
        this.icons = "el-icon-d-arrow-right";
        this.navStyle.right = "0px";
        this.imgStyle.right = "0";
                this.icons = 'el-icon-d-arrow-right'
                this.navStyle.right = '0px'
                this.imgStyle.right = '0'
      }
    },
    seeRight() {
      if (this.seeRight) {
        this.leftNavData[0].flag = false;
        this.leftNavData[0].img = this.leftNavData[0].checked;
        this[this.leftNavData[0].layer].show = true;
                this.leftNavData[0].flag = false
                this.leftNavData[0].img = this.leftNavData[0].checked
                this[this.leftNavData[0].layer].show = true
      } else {
        let lnd = this.leftNavData;
        for (let k in lnd) {
                const lnd = this.leftNavData
                for (const k in lnd) {
          if (this[this.leftNavData[k].layer]._show) {
            // console.log(lnd[k].label, "所有开启");
            this.leftNavData[k].flag = false;
            this.leftNavData[k].img = this.leftNavData[k].normal;
            this[this.leftNavData[k].layer].show = false;
                        this.leftNavData[k].flag = false
                        this.leftNavData[k].img = this.leftNavData[k].normal
                        this[this.leftNavData[k].layer].show = false
          }
        }
      }
    },
        }
  },
  computed: {
    ...mapGetters(["iconHide", "dimensionData", "seeRight"]),
        ...mapGetters(['iconHide', 'dimensionData', 'seeRight'])
  },
  data() {
    return {
      icons: "el-icon-d-arrow-right",
            icons: 'el-icon-d-arrow-right',
      navStyle: {
        right: "0px",
                right: '0px'
      },
      imgStyle: {
        right: "0",
                right: '0'
      },
      leftNavData: [
        {
          flag: true,
          label: "标签",
                    label: '标签',
          // img: "/img/leftnav/tag.png",
          img: "/img/leftnav/tag-checked.png",
          normal: "/img/leftnav/tag.png",
          checked: "/img/leftnav/tag-checked.png",
          layer: "tagLayer",
                    img: '/img/leftnav/tag-checked.png',
                    normal: '/img/leftnav/tag.png',
                    checked: '/img/leftnav/tag-checked.png',
                    layer: 'tagLayer',
          methods: getListarchitecture1,
          imgSrc: "https://map.hit.edu.cn/images/tarrow_xq.png",
                    imgSrc: 'https://map.hit.edu.cn/images/tarrow_xq.png'
          // imgSrc: "img/mobile/pink.png",
        },
        {
          flag: false,
          label: "道路",
          img: "/img/leftnav/way.png",
          normal: "/img/leftnav/way.png",
          checked: "/img/leftnav/way-checked.png",
          layer: "wayLayer",
                    label: '道路',
                    img: '/img/leftnav/way.png',
                    normal: '/img/leftnav/way.png',
                    checked: '/img/leftnav/way-checked.png',
                    layer: 'wayLayer',
          methods: getListroad,
          imgSrc: "img/mobile/green.png",
                    imgSrc: 'img/mobile/green.png'
        },
        {
          flag: false,
          label: "实景",
          img: "/img/leftnav/scene.png",
          normal: "/img/leftnav/scene.png",
          checked: "/img/leftnav/scene-checked.png",
          layer: "sceneLayer",
                    label: '实景',
                    img: '/img/leftnav/scene.png',
                    normal: '/img/leftnav/scene.png',
                    checked: '/img/leftnav/scene-checked.png',
                    layer: 'sceneLayer',
          methods: getListarchitecture,
          imgSrc: "img/leftnav/map-panorama.png",
                    imgSrc: 'img/leftnav/map-panorama.png'
          // imgSrc: "img/mobile/blue.png",
        },
        {
          flag: false,
          label: "监控",
          img: "/img/leftnav/monitor.png",
          normal: "/img/leftnav/monitor.png",
          checked: "/img/leftnav/monitor-checked.png",
          layer: "videoLayer",
                    label: '监控',
                    img: '/img/leftnav/monitor.png',
                    normal: '/img/leftnav/monitor.png',
                    checked: '/img/leftnav/monitor-checked.png',
                    layer: 'videoLayer',
          methods: getListVideo,
          imgSrc: "/img/leftnav/map-monitor.png",
                    imgSrc: '/img/leftnav/map-monitor.png'
          // imgSrc: "img/mobile/blue.png",
        },
        // {
@@ -131,44 +131,43 @@
        // },
        {
          flag: false,
          label: "AED",
          img: "/img/leftnav/aed.png",
          normal: "/img/leftnav/aed.png",
          checked: "/img/leftnav/aed-checked.png",
          layer: "aedLayer",
                    label: 'AED',
                    img: '/img/leftnav/aed.png',
                    normal: '/img/leftnav/aed.png',
                    checked: '/img/leftnav/aed-checked.png',
                    layer: 'aedLayer',
          methods: getListcat,
          type: 9,
          imgSrc: "img/leftnav/map-aed.png",
                    imgSrc: 'img/leftnav/map-aed.png',
          // imgSrc: "img/mobile/pink.png",
          notShow: true,
                    notShow: true
        },
        {
          flag: false,
          label: "停车",
          img: "/img/leftnav/park.png",
          normal: "/img/leftnav/park.png",
          checked: "/img/leftnav/park-checked.png",
          layer: "parkLayer",
                    label: '停车',
                    img: '/img/leftnav/park.png',
                    normal: '/img/leftnav/park.png',
                    checked: '/img/leftnav/park-checked.png',
                    layer: 'parkLayer',
          methods: getListcat,
          type: 11,
          imgSrc: "https://map.hit.edu.cn/images/p-biao.png",
                    imgSrc: 'https://map.hit.edu.cn/images/p-biao.png'
          // imgSrc: "img/mobile/popcorn.png",
        },
        {
          flag: false,
          label: "出入",
          img: "/img/leftnav/come.png",
          normal: "/img/leftnav/come.png",
          checked: "/img/leftnav/come-checked.png",
          layer: "comeLayer",
                    label: '出入',
                    img: '/img/leftnav/come.png',
                    normal: '/img/leftnav/come.png',
                    checked: '/img/leftnav/come-checked.png',
                    layer: 'comeLayer',
          methods: getListcat,
          type: 12,
          imgSrc: "img/leftnav/map-activity.png",
                    imgSrc: 'img/leftnav/map-activity.png'
          // imgSrc: "img/mobile/purple.png",
        },
                }
      ],
      viewer: null,
      DC: null,
      tagLayer: null,
      wayLayer: null,
      sceneLayer: null,
@@ -176,56 +175,55 @@
      activityLayer: null,
      aedLayer: null,
      parkLayer: null,
      comeLayer: null,
    };
            comeLayer: null
        }
  },
  created() {
    this.DC = global.DC;
  },
  mounted() {},
  methods: {
    changeIconHide() {
      let isif = this.iconHide;
      this.$store.commit("MSET_ICONHIDE", !isif);
            const isif = this.iconHide
            this.$store.commit('MSET_ICONHIDE', !isif)
    },
    leftNavClick(item) {
      // console.log(123132);
      //判断并关闭已开启标签
      let lnd = this.leftNavData;
      for (let k in lnd) {
            const lnd = this.leftNavData
            for (const k in lnd) {
        // console.log(this[this.leftNavData[k].layer]);
        if (lnd[k].label == item.label) {
          // console.log(lnd[k].label, "当前点击");
          continue;
                    continue
        }
        if (this[this.leftNavData[k].layer]._show) {
          // console.log(lnd[k].label, "所有开启");
          this.leftNavData[k].flag = false;
          this.leftNavData[k].img = this.leftNavData[k].normal;
          this[this.leftNavData[k].layer].show = false;
                    this.leftNavData[k].flag = false
                    this.leftNavData[k].img = this.leftNavData[k].normal
                    this[this.leftNavData[k].layer].show = false
        }
      }

      item.flag = !item.flag;
            item.flag = !item.flag
      if (item.flag == true) {
        item.img = item.checked;
        this[item.layer].show = true;
                item.img = item.checked
                this[item.layer].show = true
        // console.log("飞入");
        // this.flyTo(item);
        this.$store.dispatch("closeMobileWindowsDom"); //关闭弹窗
                this.$store.dispatch('closeMobileWindowsDom') // 关闭弹窗
      } else {
        item.img = item.normal;
        this[item.layer].show = false;
                item.img = item.normal
                this[item.layer].show = false
      }
    },
    flyTo(item) {
      let that = this;
      let posi = this[item.layer].positions[0];
            const that = this
            const posi = this[item.layer].positions[0]
      // console.log(posi);
      let lntLat =
            const lntLat =
        that.dimensionData.pitch == -45
          ? [posi.lng + 0.00917, posi.lat - 0.0188, 500]
          : [posi.lng + 0.01197, posi.lat - 0.00055, 500];
                    : [posi.lng + 0.01197, posi.lat - 0.00055, 500]
      // that.mviewer.camera.flyTo({
      //   destination: Cesium.Cartesian3.fromDegrees(
      //     lntLat[0],
@@ -234,7 +232,7 @@
      //   ),
      // });
      // return;
      this.$store.dispatch("mapFlyTo", {
            this.$store.dispatch('mapFlyTo', {
        //飞入
        lntLat: lntLat,
        // lntLat: [posi.lng + 0.01187, posi.lat - 0.0308, 4000],
@@ -242,52 +240,52 @@
        heading: that.dimensionData.heading,
        pitch: that.dimensionData.pitch,
        roll: that.dimensionData.roll,
        noOpen: true,
      });
                noOpen: true
            })
    },
    initialize(viewer) {
      var that = this;
      viewer.scene.globe.depthTestAgainstTerrain = false;
      this.viewer = viewer;
      this.tagLayer = new this.DC.HtmlLayer("tagLayer");
      viewer.addLayer(this.tagLayer);
            var that = this
            viewer.scene.globe.depthTestAgainstTerrain = false
            this.viewer = viewer
            this.tagLayer = new global.DC.HtmlLayer('tagLayer')
            viewer.addLayer(this.tagLayer)

      this.wayLayer = new this.DC.HtmlLayer("wayLayer");
      viewer.addLayer(this.wayLayer);
            this.wayLayer = new global.DC.HtmlLayer('wayLayer')
            viewer.addLayer(this.wayLayer)

      // this.sceneLayer = new this.DC.VectorLayer("sceneLayer");
      this.sceneLayer = new this.DC.HtmlLayer("sceneLayer");
      viewer.addLayer(this.sceneLayer);
            // this.sceneLayer = new global.DC.VectorLayer("sceneLayer");
            this.sceneLayer = new global.DC.HtmlLayer('sceneLayer')
            viewer.addLayer(this.sceneLayer)

      this.videoLayer = new this.DC.HtmlLayer("videoLayer");
      viewer.addLayer(this.videoLayer);
            this.videoLayer = new global.DC.HtmlLayer('videoLayer')
            viewer.addLayer(this.videoLayer)

      // this.activityLayer = new this.DC.VectorLayer("activityLayer");
      this.activityLayer = new this.DC.HtmlLayer("activityLayer");
      viewer.addLayer(this.activityLayer);
            // this.activityLayer = new global.DC.VectorLayer("activityLayer");
            this.activityLayer = new global.DC.HtmlLayer('activityLayer')
            viewer.addLayer(this.activityLayer)

      // this.aedLayer = new this.DC.VectorLayer("aedLayer");
      this.aedLayer = new this.DC.HtmlLayer("aedLayer");
      viewer.addLayer(this.aedLayer);
            // this.aedLayer = new global.DC.VectorLayer("aedLayer");
            this.aedLayer = new global.DC.HtmlLayer('aedLayer')
            viewer.addLayer(this.aedLayer)

      this.parkLayer = new this.DC.HtmlLayer("parkLayer");
      viewer.addLayer(this.parkLayer);
            this.parkLayer = new global.DC.HtmlLayer('parkLayer')
            viewer.addLayer(this.parkLayer)

      // this.comeLayer = new this.DC.VectorLayer("comeLayer");
      this.comeLayer = new this.DC.HtmlLayer("comeLayer");
      viewer.addLayer(this.comeLayer);
            // this.comeLayer = new global.DC.VectorLayer("comeLayer");
            this.comeLayer = new global.DC.HtmlLayer('comeLayer')
            viewer.addLayer(this.comeLayer)

      let ourNum = that.leftNavData.length;
            const ourNum = that.leftNavData.length
      for (let n = 0; n < ourNum; n++) {
        let ourD = this.leftNavData[n];
        let d = ourD.type ? { lifetype: ourD.type } : {};
                const ourD = this.leftNavData[n]
                const d = ourD.type ? { lifetype: ourD.type } : {}
        ourD.methods(d).then((res) => {
          let dom;
          let data = res.data.data;
          let position = that.changePoiton(data);
          let num = data.length;
                    let dom
                    const data = res.data.data
                    const position = that.changePoiton(data)
                    const num = data.length
          for (let k = 0; k < num; k++) {
            if (ourD.label == "标签") {
                        if (ourD.label == '标签') {
              dom = `
                        <div class="tag-entitys-box">
                            <div class="tag-content">
@@ -297,8 +295,8 @@
                                <img src="${ourD.imgSrc}">
                            </div>
                        </div>
                    `;
            } else if (ourD.label == "道路") {
                    `
                        } else if (ourD.label == '道路') {
              // <div  class="way-title" style="border: white 1px solid; padding-left: 2px;font-size: 12px; background: #0066ff;  width: 12px;line-height: 13px; padding:2px 1px 2px 1px; color:white;">
              //    ${data[k].mechanismname}
              // </div>
@@ -311,8 +309,8 @@
                                <img src="https://map.hit.edu.cn/images/roadsign3.png">
                            </div>
                        </div>
                    `;
            } else if (ourD.label == "实景") {
                    `
                        } else if (ourD.label == '实景') {
              // <div  class="way-title" style="border: white 1px solid; padding-left: 2px;font-size: 12px; background: #0066ff;  width: 12px;line-height: 13px; padding:2px 1px 2px 1px; color:white;">
              //    ${data[k].mechanismname}
              // </div>
@@ -321,8 +319,8 @@
                            <div>${data[k].mechanismname}</div>
                            <img src="/img/leftnav/map-panorama.png" alt="">
                        </div>
                        `;
            } else if (ourD.label == "AED") {
                        `
                        } else if (ourD.label == 'AED') {
              dom = `
                        <div class="mobiletag-entitys-box">
                            <div class="tag-content">
@@ -332,8 +330,8 @@
                                <img src="${ourD.imgSrc}">
                            </div>
                        </div>
                    `;
            } else if (ourD.label == "停车") {
                    `
                        } else if (ourD.label == '停车') {
              dom = `
                        <div class="park-entitys-box">
                            <div class="park-title" alt="${data[k].mechanismname}">
@@ -347,8 +345,8 @@
                                </div>
                            </div>
                        </div>
                    `;
            } else if (ourD.label == "出入") {
                    `
                        } else if (ourD.label == '出入') {
              dom = `
                        <div class="mobiletag-entitys-box-pink">
                            <div class="tag-content">
@@ -358,46 +356,46 @@
                                <img src="${ourD.imgSrc}">
                            </div>
                        </div>
                    `;
            } else if (ourD.label == "监控") {
                    `
                        } else if (ourD.label == '监控') {
              dom = `
                        <div class="monitor-entitys-box">
                            <div>${data[k].mechanismname}</div>
                            <img class="monitor-entitys-box" src="/img/leftnav/map-monitor.png" alt="">
                        </div>
                        `;
                        `
            }
            const divIcon = new that.DC.DivIcon(position[k], dom);
                        const divIcon = new global.DC.DivIcon(position[k], dom)
            //订阅事件
            divIcon.on(DC.MouseEventType.CLICK, (e) => {
                        divIcon.on(global.DC.MouseEventType.CLICK, (e) => {
              // console.log(data[k]);
              let d = {
                            const d = {
                name:
                  data[k].mechanismname ||
                  data[k].roadname ||
                  (ourD.label == "监控" ? "监控" : "无显示名字"),
                                    (ourD.label == '监控' ? '监控' : '无显示名字'),
                bgImg: data[k].tpurl,
                video: data[k].videourl || "",
                from: "labels",
                                video: data[k].videourl || '',
                                from: 'labels',
                introduce: data[k].introduce,
                panoramaurl: data[k].panoramaurl,
              };
                                panoramaurl: data[k].panoramaurl
                            }
              // 定制化窗体
              that.openPopupS(
                e.position,
                [e.overlay._position._lng, e.overlay._position._lat],
                d
              );
            });
            that[that.leftNavData[n].layer].addOverlay(divIcon); //加入图标
                            )
                        })
                        that[that.leftNavData[n].layer].addOverlay(divIcon) // 加入图标
          }
          that[that.leftNavData[n].layer]["positions"] = position;
          if (that.leftNavData[n].layer == "tagLayer") {
                    that[that.leftNavData[n].layer].positions = position
                    if (that.leftNavData[n].layer == 'tagLayer') {
            // that.leftNavData[n].img = that.leftNavData[n].checked;
          } else {
            that[that.leftNavData[n].layer].show = false;
                        that[that.leftNavData[n].layer].show = false
          }
        });
                })
      }
      // setTimeout(() => {
      //   this.tagLayer.show = false;
@@ -405,31 +403,31 @@
    },
    changePoiton(data) {
      // console.log(data);
      const list = [];
      let num = data.length;
            const list = []
            const num = data.length
      for (let i = 0; i < num; i++) {
        list.push(new this.DC.Position(data[i].jd, data[i].wd, 0));
                list.push(new global.DC.Position(data[i].jd, data[i].wd, 0))
      }
      return list;
            return list
    },
    mobileOpenImgs1() {
      let imgsDom = document.getElementById("mobileBigImgs");
      imgsDom.click();
            const imgsDom = document.getElementById('mobileBigImgs')
            imgsDom.click()
    },
    goOn1() {},
    openPopupS(position, lntLat, query) {
      let that = this;
            const that = this
      // 定制化窗体
      let d = {
            const d = {
        position,
        lntLat,
        query: { ...(query || {}), position, lntLat },
        useJWD: true, //仅使用经纬度
      };
      that.$store.dispatch("setMobileWindows", d);
    },
  },
};
                useJWD: true // 仅使用经纬度
            }
            that.$store.dispatch('setMobileWindows', d)
        }
    }
}
</script>

<style scoped lang="scss">

 src/components/mobilePopupOurOnce/index.vue

@@ -22,9 +22,7 @@
        <div
          class="mobilePopupOurOnce_r_up"
          @click.self.stop="openOnce('定位')"
        >
          {{ onceData.name }}
        </div>
                >{{ onceData.name }}</div>
        <div class="mobilePopupOurOnce_r_down">
          <div v-for="(item, index) in seebut" :key="index">
            <el-link
@@ -39,8 +37,7 @@
              "
              class="mobilePopupOurOnce_r_d_in"
              @click="openOnce(item.name)"
              >{{ item.name }}</el-link
            >
                        >{{ item.name }}</el-link>
            <el-divider
              direction="vertical"
              class="mobilePopupOurOnce_r_d_in"
@@ -54,99 +51,97 @@
</template>

<script>
import { mapGetters } from "vuex";
import { getChildNavDetail } from "@/api/mobile/public/arc";
import { mapGetters } from 'vuex'
import { getChildNavDetail } from '@/api/mobile/public/arc'
export default {
  props: ["onceData", "ends"],
  name: "mobilePopupOurOnce",
    props: ['onceData', 'ends'],
    name: 'mobilePopupOurOnce',
  created() {
    this.DC = global.DC;
    if (this.onceData.icon) {
      this.srcList = this.onceData.icon;
      this.icon = this.srcList[0];
            this.srcList = this.onceData.icon
            this.icon = this.srcList[0]
    }
    if (this.onceData.from == "校区建筑" || this.onceData.from == "文化风景") {
      this.getOnceCampus(this.onceData.id);
        if (this.onceData.from == '校区建筑' || this.onceData.from == '文化风景') {
            this.getOnceCampus(this.onceData.id)
    } else {
      this.ourData = this.onceData;
            this.ourData = this.onceData
    }
  },
  data() {
    return {
      DC: "",
      icon: "",
            icon: '',
      srcList: [],
      ourData: {},
    };
            ourData: {}
        }
  },
  computed: {
    ...mapGetters(["mviewer"]),
        ...mapGetters(['mviewer']),
    seebut() {
      let buts = this.onceData.buts;
      let b = [];
      for (let k in buts) {
        if (buts[k] == "实景") {
          continue;
            const buts = this.onceData.buts
            let b = []
            for (const k in buts) {
                if (buts[k] == '实景') {
                    continue
        }
        b.push({
          name: buts[k],
        });
                    name: buts[k]
                })
      }
      if (this.ourData.panoramaurl) {
        b.push({
          name: "实景",
        });
                    name: '实景'
                })
      } else {
        b = b.filter((res) => {
          return res.name != "实景";
        });
                    return res.name != '实景'
                })
      }
      return b;
    },
            return b
        }
  },
  methods: {
    openOnce(val) {
      if (!this.ourData.name) {
        console.log("数据传输失败");
        return;
                console.log('数据传输失败')
                return
      }
      let that = this;
      if (val == "定位") {
            const that = this
            if (val == '定位') {
        //活动定位
        if (this.ourData.name == "活动") {
          console.log(this.ourData);
          return;
                if (this.ourData.name == '活动') {
                    console.log(this.ourData)
                    return
        }
        //随地图移动窗口
        this.$store.commit("MSET_BIGPOPUP", false); //关闭全屏弹窗
                this.$store.commit('MSET_BIGPOPUP', false) // 关闭全屏弹窗
        setTimeout(() => {
          //   // 定制化窗体
          let d = {
                    const d = {
            position: {},
            lntLat: that.ourData.lntLat,
            query: { ...this.ourData, seebut: this.seebut },
            useJWD: true, //仅使用经纬度
            from: "PopupOurOnce",
          };
          that.popupsDom = that.$store.dispatch("setMobileWindows", d);
        }, 500);
                        from: 'PopupOurOnce'
                    }
                    that.popupsDom = that.$store.dispatch('setMobileWindows', d)
                }, 500)
        //固定窗口
        // that.$store.dispatch("SET_OPENWIDOWFIXED", d);
      } else if (val == "实景") {
        this.$store.commit("MSET_OPENMOBILEPANORAMA", this.ourData.panoramaurl);
            } else if (val == '实景') {
                this.$store.commit('MSET_OPENMOBILEPANORAMA', this.ourData.panoramaurl)
        // if(this.ourData.panoramaurl){
        // }
        // console.log(this.ourData.panoramaurl);
      } else if (val == "图集") {
        let imgsDom = document.getElementById("mobileBigImgs" + this.icon + "");
        imgsDom.click();
            } else if (val == '图集') {
                const imgsDom = document.getElementById('mobileBigImgs' + this.icon + '')
                imgsDom.click()
      }
    },
    //"校区建筑"↓
    getOnceCampus(id) {
      getChildNavDetail({ id: id }).then((res) => {
        var result = res.data.data[0].list;
        let d = {
                var result = res.data.data[0].list
                const d = {
          name: result.mechanismname,
          lntLat: [result.jd, result.wd],
          alt: result.gd,
@@ -160,14 +155,14 @@
          address: result.address,
          introduce: result.introduce,
          video: result.videourl,
          panoramaurl: result.panoramaurl, //全景
        };
        this.ourData = d;
      });
    },
                    panoramaurl: result.panoramaurl // 全景
                }
                this.ourData = d
            })
        }
    //"校区建筑"↑
  },
};
    }
}
</script>

<style lang="scss" scoped>

 src/components/mobilemap/index.vue

@@ -45,7 +45,6 @@
            butbut: null,
            heights: 0,
            heights1: 0,
            DC: '',
            bigPopup: {
                width: 0,
                height: 0
@@ -134,9 +133,6 @@
    },
    mounted () {
        // return;
        var DC = global.DC
        this.DC = DC

        var that = this

        let viewer
@@ -200,7 +196,7 @@
        }

        function initViewer () {
            viewer = new DC.Viewer('mobile-viewer-container', {
            viewer = new global.DC.Viewer('mobile-viewer-container', {
                contextOptions: {
                    webgl: {
                        stencil: true,
@@ -219,8 +215,8 @@
            // const baselayer = DC.ImageryLayerFactory.createArcGisImageryLayer({
            //   url: "http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
            // });
            const baselayer = that.DC.ImageryLayerFactory.createImageryLayer(
                that.DC.ImageryType.XYZ,
            const baselayer = global.DC.ImageryLayerFactory.createImageryLayer(
                global.DC.ImageryType.XYZ,
                {
                    // url: 'https://webmap-tile.sf-express.com/MapTileService/rt?x={col}&y={row}&z={level}'

@@ -259,7 +255,7 @@
            // });

            // 地图移动事件
            viewer.on(DC.MouseEventType.MOUSE_MOVE, (e) => {
            viewer.on(global.DC.MouseEventType.MOUSE_MOVE, (e) => {
                if (!that.iconHide) {
                    that.$store.commit('MSET_ICONHIDE', true)
                }
@@ -270,24 +266,24 @@
                // console.log(height);
            })

            // viewer.on(that.DC.SceneEventType.CAMERA_MOVE_END, (e) => {
            viewer.on(that.DC.SceneEventType.CAMERA_CHANGED, (e) => {
            // viewer.on(global.DC.SceneEventType.CAMERA_MOVE_END, (e) => {
            viewer.on(global.DC.SceneEventType.CAMERA_CHANGED, (e) => {
                // 相机移动最后参数
                // 控制高度
                const isSet = that.dimension != '3D'
                const height = Math.ceil(viewer.camera.positionCartographic.height)
                const conBack = (height) => {
                    viewer.camera.setView({
                        destination: that.DC.Namespace.Cesium.Cartesian3.fromRadians(
                        destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                            viewer.camera.positionCartographic.longitude,
                            viewer.camera.positionCartographic.latitude,
                            height
                        ),
                        orientation: {
                            heading: that.DC.Namespace.Cesium.Math.toRadians(
                            heading: global.DC.Namespace.Cesium.Math.toRadians(
                                that.dimensionData.heading
                            ), // 方向
                            pitch: that.DC.Namespace.Cesium.Math.toRadians(
                            pitch: global.DC.Namespace.Cesium.Math.toRadians(
                                that.dimensionData.pitch
                            ), // 倾斜角度
                            roll: that.dimensionData.roll
@@ -326,16 +322,16 @@
            // 按钮事件
            const butSetViews = (num) => {
                viewer.camera.flyTo({
                    destination: that.DC.Namespace.Cesium.Cartesian3.fromRadians(
                    destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                        viewer.camera.positionCartographic.longitude,
                        viewer.camera.positionCartographic.latitude,
                        num
                    ),
                    orientation: {
                        // 指向
                        heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0),
                        heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                        // 视角
                        pitch: that.DC.Namespace.Cesium.Math.toRadians(-90),
                        pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                        roll: 0.0
                    },
                    duration: 0.5 // 定位的时间间隔
@@ -430,16 +426,16 @@
                }
                var setViews = (num) => {
                    viewer.camera.flyTo({
                        destination: that.DC.Namespace.Cesium.Cartesian3.fromRadians(
                        destination: global.DC.Namespace.Cesium.Cartesian3.fromRadians(
                            viewer.camera.positionCartographic.longitude,
                            viewer.camera.positionCartographic.latitude,
                            num
                        ),
                        orientation: {
                            // 指向
                            heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0),
                            heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
                            // 视角
                            pitch: that.DC.Namespace.Cesium.Math.toRadians(-90),
                            pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
                            roll: 0.0
                        },
                        duration: 0.5 // 定位的时间间隔
@@ -447,7 +443,7 @@
                    overii()
                }
                var isCameraTime = null
                viewer.on(that.DC.SceneEventType.CAMERA_CHANGED, (e) => {
                viewer.on(global.DC.SceneEventType.CAMERA_CHANGED, (e) => {
                    if (that.dimension == '2.5D') {
                        // console.log(e);
                        const height = Math.ceil(viewer.camera.positionCartographic.height)
@@ -589,9 +585,9 @@
            // 白模型↑

            // 精细模型↓
            const tilesetLayer = new that.DC.TilesetLayer('tilesetLayer')
            const tilesetLayer = new global.DC.TilesetLayer('tilesetLayer')
            viewer.addLayer(tilesetLayer)
            const tileset = new that.DC.Tileset('/mx/tileset.json', {
            const tileset = new global.DC.Tileset('/mx/tileset.json', {
                luminanceAtZenith: 0.5
            })

@@ -599,8 +595,8 @@
            // tilesetLayer.show = false;

            const silhouetteBlue =
                that.DC.Namespace.Cesium.PostProcessStageLibrary.createEdgeDetectionStage()
            silhouetteBlue.uniforms.color = that.DC.Namespace.Cesium.Color.fromBytes(
                global.DC.Namespace.Cesium.PostProcessStageLibrary.createEdgeDetectionStage()
            silhouetteBlue.uniforms.color = global.DC.Namespace.Cesium.Color.fromBytes(
                9,
                162,
                40
@@ -609,27 +605,27 @@
            silhouetteBlue.selected = []

            viewer.scene.postProcessStages.add(
                that.DC.Namespace.Cesium.PostProcessStageLibrary.createSilhouetteStage([
                global.DC.Namespace.Cesium.PostProcessStageLibrary.createSilhouetteStage([
                    silhouetteBlue
                ])
            )

            var highlighted = {
                feature: undefined,
                originalColor: new that.DC.Namespace.Cesium.Color()
                originalColor: new global.DC.Namespace.Cesium.Color()
            }

            var selected = {
                feature: undefined,
                originalColor: new that.DC.Namespace.Cesium.Color()
                originalColor: new global.DC.Namespace.Cesium.Color()
            }
            // 点击事件
            tileset.on(DC.MouseEventType.CLICK, (e) => {
            tileset.on(global.DC.MouseEventType.CLICK, (e) => {
                viewer.scene.globe.depthTestAgainstTerrain = false
                // console.log(e);

                viewer.flyToPosition(
                    new that.DC.Position(115.87186406, 28.74449337, 1800, 0, 45, 0)
                    new global.DC.Position(115.87186406, 28.74449337, 1800, 0, 45, 0)
                )

                // 定制化窗体
@@ -646,7 +642,7 @@
                // 高亮
                silhouetteBlue.selected = []

                if (that.DC.Namespace.Cesium.defined(highlighted.feature)) {
                if (global.DC.Namespace.Cesium.defined(highlighted.feature)) {
                    highlighted.feature.color = highlighted.originalColor
                    highlighted.feature = undefined
                }
@@ -656,11 +652,11 @@

                    highlighted.feature = e.feature

                    that.DC.Namespace.Cesium.Color.clone(
                    global.DC.Namespace.Cesium.Color.clone(
                        e.feature.color,
                        highlighted.originalColor
                    )
                    e.feature.color = that.DC.Namespace.Cesium.Color.fromBytes(
                    e.feature.color = global.DC.Namespace.Cesium.Color.fromBytes(
                        155,
                        255,
                        175
@@ -668,10 +664,10 @@
                }
            })
            // 移动事件
            // tileset.on(that.DC.MouseEventType.MOUSE_MOVE, (e) => {
            // tileset.on(global.DC.MouseEventType.MOUSE_MOVE, (e) => {
            //   silhouetteBlue.selected = [];

            //   if (that.DC.Namespace.Cesium.defined(highlighted.feature)) {
            //   if (global.DC.Namespace.Cesium.defined(highlighted.feature)) {
            //     highlighted.feature.color = highlighted.originalColor;
            //     highlighted.feature = undefined;
            //   }
@@ -681,11 +677,11 @@

            //     highlighted.feature = e.feature;

            //     that.DC.Namespace.Cesium.Color.clone(
            //     global.DC.Namespace.Cesium.Color.clone(
            //       e.feature.color,
            //       highlighted.originalColor
            //     );
            //     e.feature.color = that.DC.Namespace.Cesium.Color.fromBytes(
            //     e.feature.color = global.DC.Namespace.Cesium.Color.fromBytes(
            //       155,
            //       255,
            //       175
@@ -701,13 +697,13 @@
            // 2.5D贴图↓
            const usetowpointfive = () => {
                var provider =
                    // new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    // new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    //   url: "http://www.tdtfz.com/OneMapServer/rest/services/fzsw2019/MapServer/WMTS/tile/1.0.0/fzsw2019/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}",
                    //   layer: "fzsw2019",
                    //   style: "default",
                    //   tileMatrixSetID: "default028mm",
                    //   format: "image/jpgpng",
                    //   tilingScheme: new that.DC.Namespace.Cesium.GeographicTilingScheme(),
                    //   tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
                    //   maximumLevel: 19,
                    //   tileMatrixLabels: [
                    //     "0",
@@ -732,10 +728,10 @@
                    //     "19",
                    //   ],
                    // });
                    // new that.DC.Namespace.Cesium.ArcGisMapServerImageryProvider({
                    // new global.DC.Namespace.Cesium.ArcGisMapServerImageryProvider({
                    //   url: "http://arcgis.jxpskj.com:6080/arcgis/rest/services/PingXiang25DMapDN/MapServer",
                    // });
                    new that.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                        url: '/wp/{z}/{x}/{y}.png',
                        fileExtension: 'png'
                    })
@@ -744,10 +740,10 @@

            const newLayer = usetowpointfive()
            // 2.5d贴图事件
            const layerGroup = new that.DC.LayerGroup('modelBox')
            const layerGroup = new global.DC.LayerGroup('modelBox')
            viewer.addLayerGroup(layerGroup)

            const areaLayer = new that.DC.VectorLayer('areaLayer')
            const areaLayer = new global.DC.VectorLayer('areaLayer')
            layerGroup.addLayer(areaLayer)
            axios
                .get(
@@ -761,11 +757,11 @@

                        item.geometry.rings[0] = item.geometry.rings[0].join(';')

                        const polygon = new that.DC.Polygon(item.geometry.rings[0])
                        const polygon = new global.DC.Polygon(item.geometry.rings[0])
                        polygon.attr = item.attributes

                        polygon.setStyle({
                            material: that.DC.Namespace.Cesium.Color.fromBytes(
                            material: global.DC.Namespace.Cesium.Color.fromBytes(
                                255,
                                255,
                                255,
@@ -783,7 +779,7 @@
            //   overlay: undefined,
            //   color: undefined,
            // };
            viewer.on(that.DC.MouseEventType.CLICK, (e) => {
            viewer.on(global.DC.MouseEventType.CLICK, (e) => {
                // console.log(e);
                if (e.overlay != undefined && e.layer.id == 'areaLayer') {
                    if (that.areaLayerSelect.overlay != undefined) {
@@ -803,7 +799,7 @@
                        that.areaLayerSelect.color = e.overlay._style.material
                        that.areaLayerSelect.overlay.setStyle({
                            outline: true,
                            outlineColor: that.DC.Namespace.Cesium.Color.fromBytes(
                            outlineColor: global.DC.Namespace.Cesium.Color.fromBytes(
                                3,
                                255,
                                13,
@@ -811,7 +807,7 @@
                            ), // 边框颜色
                            outlineWidth: 10, // 边框大小，
                            height: 0.01,
                            material: that.DC.Namespace.Cesium.Color.fromBytes(
                            material: global.DC.Namespace.Cesium.Color.fromBytes(
                                108,
                                245,
                                113,
@@ -883,7 +879,7 @@
                        viewer.camera.setView({
                            // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
                            // fromDegrees()方法，将经纬度和高程转换为世界坐标
                            destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                            destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
                                // 114.0351,
                                // 27.6314,
                                // 200.0
@@ -893,9 +889,9 @@
                            ),
                            orientation: {
                                // 指向
                                heading: that.DC.Namespace.Cesium.Math.toRadians(h[0]),
                                heading: global.DC.Namespace.Cesium.Math.toRadians(h[0]),
                                // 视角
                                pitch: that.DC.Namespace.Cesium.Math.toRadians(h[1]),
                                pitch: global.DC.Namespace.Cesium.Math.toRadians(h[1]),
                                roll: h[2]
                            }
                        })
@@ -933,24 +929,24 @@
            // console.log(currentViewRect, 78);

            // 瀑布流↓
            const wallLayer = new that.DC.VectorLayer('wallLayer')
            const wallLayer = new global.DC.VectorLayer('wallLayer')
            // viewer.addLayer(wallLayer);
            // var arr = that.wallArr;
            // arr.forEach((item) => {
            //   item = item.join(",");
            // });
            // arr = arr.join(";");
            // const wall = new that.DC.Wall(arr);
            // const wall = new global.DC.Wall(arr);
            // wall.setStyle({
            //   material: new that.DC.WallTrailMaterialProperty({
            //     color: that.DC.Namespace.Cesium.Color.fromBytes(0, 142, 255, 150),
            //     // color: that.DC.Color.DEEPSKYBLUE,
            //   material: new global.DC.WallTrailMaterialProperty({
            //     color: global.DC.Namespace.Cesium.Color.fromBytes(0, 142, 255, 150),
            //     // color: global.DC.Color.DEEPSKYBLUE,
            //     speed: 4,
            //   }),
            // });
            // wallLayer.addOverlay(wall);

            // viewer.use(new that.DC.Measure());
            // viewer.use(new global.DC.Measure());
            // 瀑布流↑

            // 传入store
@@ -1016,7 +1012,7 @@
            viewer.scene.screenSpaceCameraController._maximumZoomRate = 5906376272000
        }

        DC.ready(initViewer)
        global.DC.ready(initViewer)
        setTimeout(() => {
            that.butbut()


 src/divForms/divForms.js

@@ -6,12 +6,6 @@
 * @LastEditors: Morpheus
 * @LastEditTime: 2020-10-22 13:48:22
 */

import DC from '@dvgis/dc-sdk/dist/dc.base.min' // 基础包
import DcCore from '@dvgis/dc-sdk/dist/dc.core.min' // 核心包

DC.use(DcCore) // 安装DC核心库

class DivForms {
    /**
     * @popup 存放 dom 相关
@@ -54,7 +48,7 @@
    movePopup (id) {
        var self = this
        return function () {
            const windowCoord = DC.Namespace.Cesium.SceneTransforms.wgs84ToWindowCoordinates(
            const windowCoord = global.DC.Namespace.Cesium.SceneTransforms.wgs84ToWindowCoordinates(
                self._viewer.scene,
                self._position[0]
            )

 src/divForms/panoramaBox.js

@@ -6,12 +6,6 @@
 * @LastEditors: Morpheus
 * @LastEditTime: 2020-10-22 13:48:22
 */

import DC from '@dvgis/dc-sdk/dist/dc.base.min' // 基础包
import DcCore from '@dvgis/dc-sdk/dist/dc.core.min' // 核心包

DC.use(DcCore) // 安装DC核心库

class PanoramaBox {
    /**
     * @popup 存放 dom 相关
@@ -52,7 +46,7 @@
    movePopup (id) {
        var self = this
        return function () {
            const windowCoord = DC.Namespace.Cesium.SceneTransforms.wgs84ToWindowCoordinates(
            const windowCoord = global.DC.Namespace.Cesium.SceneTransforms.wgs84ToWindowCoordinates(
                self._viewer.scene,
                self._position[0]
            )

 src/store/modules/mobile.js

@@ -692,7 +692,7 @@
            )
            billboard.size = [16, 16]
            // 订阅事件3
            billboard.on(DC.MouseEventType.CLICK, (e) => {
            billboard.on(global.DC.MouseEventType.CLICK, (e) => {
                // 定制化窗体
                const query = {
                    name: '选择点'

 src/store/modules/mobiles/urlParameter.js

@@ -1,7 +1,7 @@
let urlParameter = {
const urlParameter = {
    state: {
        urlParameterData: {},
        urlParameterLayer: null, //自定义标签图层
        urlParameterLayer: null // 自定义标签图层
    },
    actions: {
        addurlParameterLayerIcon({
@@ -9,12 +9,12 @@
            commit,
            dispatch
        }, val) {
            let list = val.list;
            const list = val.list
            if (val.clear) {
                //     state.urlParameterLayer.remove();
                state.urlParameterLayer.clear();
                state.urlParameterLayer.clear()
            }
            for (let i in list) {
            for (const i in list) {
                // console.log(list[i], 112233)
                const divIcon = new global.DC.DivIcon(
                    new global.DC.Position(
@@ -32,42 +32,42 @@
                              </div>
                          </div>
                      `
                );
                )
                divIcon.on(global.DC.MouseEventType.CLICK, (e) => {
                    let lntLat = [+list[i].jd, +list[i].wd]
                    let d = {
                    const lntLat = [+list[i].jd, +list[i].wd]
                    const d = {
                        position: {},
                        lntLat: lntLat,
                        query: {
                            introduce: '自定义标签',
                            address: '',
                            ...(list[i] || {}),
                            lntLat: lntLat,
                            lntLat: lntLat
                        },
                        useJWD: true, //仅使用经纬度
                    };
                    dispatch("setMobileWindows", d);
                })
                state.urlParameterLayer.addOverlay(divIcon);
                        useJWD: true // 仅使用经纬度
            }
        },
                    dispatch('setMobileWindows', d)
                })
                state.urlParameterLayer.addOverlay(divIcon)
            }
        }
    },
    mutations: {
        initurlParameterLayer(state, val) {
            if (!state.urlParameterLayer) {
                state.urlParameterLayer = new global.DC.HtmlLayer("urlParameterLayer");
                state.mviewer.addLayer(state.urlParameterLayer);
                state.urlParameterLayer = new global.DC.HtmlLayer('urlParameterLayer')
                state.mviewer.addLayer(state.urlParameterLayer)
            }
        },
        set_urlParameterData(state, val) {
            state.urlParameterData = val;
            state.urlParameterData = val
        },

        clearurlParameterLayerIcon(state, val) {
            if (state.urlParameterLayer) {
                state.urlParameterLayer.clear();
                state.urlParameterLayer.clear()
            }
        },
        }
    }
}