二维比例尺&指北针功能修改

TreeWish

2023-02-07 d3f9feb20237dec5215b9fd338f719725f406b1e

 src/views/Synthesis/LeftMenu.vue

@@ -186,6 +186,24 @@
            name: "地形开挖",
            css: "twoMenu_imge411",
          },
          {
            id: "d12",
            label: "synthesis.visibilityAnalysis",
            name: "通视分析",
            css: "twoMenu_imge412",
          },
          {
            id: "d13",
            label: "synthesis.viewAnalysis",
            name: "视域分析",
            css: "twoMenu_imge413",
          },
          {
            id: "d14",
            label: "synthesis.circularViewAnalysis",
            name: "圆形视域分析",
            css: "twoMenu_imge414",
          },
        ],
        [
          {
@@ -264,6 +282,12 @@
            id: "h1",
            label: "synthesis.point",
            name: "点",
            css: "twoMenu_imge81",
          },
          {
            id: "h8",
            label: "synthesis.textLabel",
            name: "文本点",
            css: "twoMenu_imge81",
          },
          {
@@ -409,6 +433,9 @@
          sgworld.Creator.SimpleGraphic.clear()

          break
        case "h8":
          sgworld.Creator.createSimpleGraphic("label", {}, function (entity) {})
          break
      }
    },
    handleSaveClick() {
@@ -456,6 +483,7 @@
        let files = evt.target.files
        if (files.length > 0) {
          let file = evt.target.files[0]
          // sgworld.Creator.addKmlLayer('kml数据', file, true);
          let fileReader = new FileReader()
          fileReader.readAsDataURL(file)
          fileReader.onload = () => {
@@ -464,6 +492,7 @@
              canvas: sgworld.Viewer.scene.canvas,
              clampToGround: true,
            }
            files
            var geocachePromise = Cesium.KmlDataSource.load(
              fileReader.result,
              kmlOptions
@@ -473,8 +502,8 @@

              for (var i = 0; i < geocacheEntities.length; i++) {
                var entity = geocacheEntities[i]

                sgworld.Viewer.entities.add(entity)
                console.log("entity", entity)
              }
            })
            // sgworld.Viewer.dataSources
@@ -551,29 +580,6 @@
            }
          )
          break
        case "j3":
          // var measure = window.sgworld.Command.execute(
          //   1,
          //   11,
          //   this.colorAll,
          //   (data) => {
          //     data.id = window.sgworld.Core.getuid();
          //     this.measureData.set(data.id, measure);
          //     this.openMeasureResultInfo('海拔高度', data);
          //   }
          // );
          var measure = window.sgworld.Command.execute(
            0,
            3,
            this.colorAll,
            data => {
              data.id = window.sgworld.Core.getuid()
              this.measureData.set(data.id, measure)
              this.openMeasureResultInfo("平面面积", data)
            }
          )

          break
        case "j2":
          var measure = window.sgworld.Command.execute(
            0,
@@ -613,6 +619,7 @@
              this.openMeasureResultInfo("平面面积", data)
            }
          )
          // sgworld.Analysis.planeArea(this.colorAll, () => {})
          break
        case "j4":
          var volumetricMeasurementTool =
@@ -867,6 +874,45 @@
            )
          }
          break
        case "d12":
          if (window.Excavation) {
            window.Excavation.deleteObject()
            window.Excavation = null
          } else {
            window.Excavation = sgworld.Analysis.createSightLine({
              type: "default",
            })
          }
          break
        case "d13":
          if (window.Excavation) {
            window.Excavation.destroy()
            window.Excavation = null
          } else {
            window.Excavation = sgworld.Analysis.create3DViewshedPoss({
              height: 1.8,
            })
          }
          break
        case "d14":
          if (window.Excavation) {
            window.Excavation.close()
            window.Excavation = null
          } else {
            var SYFX_visible_color = { r: 0.0, g: 1.0, b: 0.0 },
              SYFX_notVisible_color = { r: 1.0, g: 0.0, b: 0.0 }
            window.Excavation = sgworld.Analysis.create3DViewshed({
              name: "Viewshed On Frederick",
              height: 1.8,
              color: {
                Back: SYFX_notVisible_color,
                Fore: SYFX_visible_color,
              },
              isSpherical: "spherical",
            })
          }

          break
      }
    },
    setclippingModel() {
@@ -1034,10 +1080,32 @@
        case "b7": //比例尺
          this.isRuler = !this.isRuler
          window.sgworld.navControl("scale", this.isRuler)
          let scale = document.querySelector(".ol-scale-line")
          let zoomCtrl = document.querySelector(".ol-zoom")

          if (!this.isRuler) {
            scale.style.display = "none"
            zoomCtrl.style.display = "none"
          } else {
            scale.style.display = "block"
            zoomCtrl.style.display = "block"
          }

          break
        case "b8": //指北针
          this.isNaviget = !this.isNaviget
          window.sgworld.navControl("nav", this.isNaviget)
          let rotate = document.querySelector(".ol-rotate")
          let fullscreen = document.querySelector(".ol-full-screen")

          if (!this.isNaviget) {
            rotate.style.display = "none"
            fullscreen.style.display = "none"
          } else {
            rotate.style.display = "block"
            fullscreen.style.display = "block"
          }

          break
        case "b9": //地下模式
          this.UndergroundMode = !this.UndergroundMode
@@ -1229,6 +1297,19 @@
    background: url("../../assets/img/synthesis/矩形 14 拷贝 7.png") no-repeat
      center;
  }
  // 通视分析、视域分析 预留
  .twoMenu_imge412 {
    background: url("../../assets/img/synthesis/矩形 14 拷贝 7.png") no-repeat
      center;
  }
  .twoMenu_imge413 {
    background: url("../../assets/img/synthesis/矩形 14 拷贝 7.png") no-repeat
      center;
  }
  .twoMenu_imge414 {
    background: url("../../assets/img/synthesis/矩形 14 拷贝 7.png") no-repeat
      center;
  }
  //查询
  .twoMenu_imge51 {
    background: url("../../assets/img/synthesis/图层 23.png") no-repeat center;