北京经济技术开发区经开区虚拟城市项目-【前端】-Web
lixuliang
2024-04-12 dbb352c9d988dfac83da979023fe81a0a02f88e9
src/components/right/right-bottom.vue
@@ -5,6 +5,40 @@
        <el-tooltip
          class="item"
          effect="dark"
          content="数字人"
          placement="left"
          popper-class="item_tooltip"
        >
          <div
            class="legend-bg"
            @click="showDigitalPerson"
            :class="{ active: isShowDP }"
          >
            <img class="legendImg" src="@/assets/img/new/数字人.png" />
          </div>
        </el-tooltip>
      </div>
      <div class="mapTool">
        <el-tooltip
          class="item"
          effect="dark"
          content="文本操作"
          placement="left"
          popper-class="item_tooltip"
        >
          <div
            class="legend-bg"
            @click="showTextArea"
            :class="{ active: isShowTA }"
          >
            <img class="legendImg" src="@/assets/img/new/文本输入.png" />
          </div>
        </el-tooltip>
      </div>
      <div class="mapTool">
        <el-tooltip
          class="item"
          effect="dark"
          content="亦庄新区范围"
          placement="left"
          popper-class="item_tooltip"
@@ -207,10 +241,13 @@
  background-image: url("~@/assets/img/new/leftCircle.png");
  background-size: 100%;
  background-color: transparent;
  width:  35px;
  height:  35px;
  width: 35px;
  height: 35px;
  position: relative;
  cursor: pointer;
}
.active {
  background-image: url("~@/assets/img/new/leftCircle-y.png");
}
.tcqp {
  background-color: rgba(0, 138, 252, 0.6);
@@ -312,6 +349,8 @@
    return {
      isWideAngle: false,
      wideAngle: 1.04,
      isShowDP: false,
      isShowTA: false,
      clickIndex: 0,
      camera: {
        position: [116.540659, 39.744945, 50000],
@@ -356,7 +395,14 @@
      let p = sgworld.Navigate.getCameraInfo();
      console.log(p);
    },
    showDigitalPerson() {
      this.isShowDP = !this.isShowDP;
      this.$store.commit("showDigitalPerson", this.isShowDP);
    },
    showTextArea() {
      this.isShowTA = !this.isShowTA;
      this.$store.commit("showTextArea", this.isShowTA);
    },
    maskingOut() {
      if (!window.maskinglayer) {
        window.maskinglayer = sgworld.Creator.createImageryProvider(