控制

lxl

2022-10-19 cfcd9a35c74ce88da3647a0be3f1459fe5086ed1

 src/views/Synthesis/viewport.vue

@@ -20,6 +20,7 @@
  data() {
    return {
      isRuler: false,
      isNaviget: false,
      itemsOne: [
        {
          id: '1',
@@ -68,13 +69,13 @@
    changeview(res) {
      switch (res.id) {
        case '1':
          this.$bus.$emit('changemap', "分屏");
          this.$bus.$emit('changemap', '分屏');
          break;
        case '2':
          this.$bus.$emit('changemap', "二维");
          this.$bus.$emit('changemap', '二维');
          break;
        case '3':
          this.$bus.$emit('changemap', "三维");
          this.$bus.$emit('changemap', '三维');
          break;
        case '4':
          window.sgworld.Navigate.jumpTo({
@@ -91,6 +92,15 @@
        case '7':
          this.isRuler = !this.isRuler;
          window.sgworld.navControl('enableCompass', this.isRuler);
          break;
        case '8':
          this.isNaviget = !this.isNaviget;
          if (this.isNaviget == false) {
            document.getElementById('distanceLegendDiv').style.display = 'none';
          } else if (this.isNaviget == true) {
            document.getElementById('distanceLegendDiv').style.display =
              'block';
          }
          break;
      }
      // this.$bus.$emit("changetool", res_val);
@@ -119,35 +129,35 @@
  margin: 0px;
}
.b1 {
  background: url("../../assets/img/synthesis/圆角矩形 12 拷贝 3.png") no-repeat
  background: url('../../assets/img/synthesis/圆角矩形 12 拷贝 3.png') no-repeat
    center;
}
.b2 {
  background: url("../../assets/img/synthesis/图层 10 拷贝.png") no-repeat
  background: url('../../assets/img/synthesis/图层 10 拷贝.png') no-repeat
    center;
}
.b3 {
  background: url("../../assets/img/synthesis/图层 11 拷贝.png") no-repeat
  background: url('../../assets/img/synthesis/图层 11 拷贝.png') no-repeat
    center;
}
.b4 {
  background: url("../../assets/img/synthesis/图层 12 拷贝 2.png") no-repeat
  background: url('../../assets/img/synthesis/图层 12 拷贝 2.png') no-repeat
    center;
}
.b5 {
  background: url("../../assets/img/synthesis/圆角矩形 5 拷贝 2.png") no-repeat
  background: url('../../assets/img/synthesis/圆角矩形 5 拷贝 2.png') no-repeat
    center;
}
.b6 {
  background: url("../../assets/img/synthesis/圆角矩形 5 拷贝 3.png") no-repeat
  background: url('../../assets/img/synthesis/圆角矩形 5 拷贝 3.png') no-repeat
    center;
}
.b7 {
  background: url("../../assets/img/synthesis/矩形 9.png") no-repeat center;
  background: url('../../assets/img/synthesis/矩形 9.png') no-repeat center;
}

.b8 {
  background: url("../../assets/img/synthesis/椭圆 4.png") no-repeat center;
  background: url('../../assets/img/synthesis/椭圆 4.png') no-repeat center;
}
.backimge2 {
  width: 30px;