| | |
| | | <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" |
| | |
| | | .mapTool { |
| | | margin: 2px 0; |
| | | } |
| | | .legend-bg:hover { |
| | | background-image: url("~@/assets/img/new/leftCircle-y.png"); |
| | | } |
| | | .legend-bg { |
| | | background-image: url("~@/assets/img/new/leftCircle.png"); |
| | | background-size: 100%; |
| | | background-color: transparent; |
| | | width: 35px; |
| | | height: 35px; |
| | | width: 35px; |
| | | height: 35px; |
| | | position: relative; |
| | | } |
| | | .legend-bg:hover { |
| | | background-color: rgba(16, 145, 250, 0.4); |
| | | border-radius: 50%; |
| | | cursor: pointer; |
| | | pointer-events: all; |
| | | } |
| | | .active { |
| | | background-image: url("~@/assets/img/new/leftCircle-y.png"); |
| | | } |
| | | .tcqp { |
| | | background-color: rgba(0, 138, 252, 0.6); |
| | |
| | | return { |
| | | isWideAngle: false, |
| | | wideAngle: 1.04, |
| | | isShowDP: false, |
| | | isShowTA: false, |
| | | clickIndex: 0, |
| | | camera: { |
| | | position: [116.540659, 39.744945, 50000], |
| | |
| | | Bus.$off("closeLegendPop"); |
| | | }, |
| | | methods: { |
| | | qingqiu() { |
| | | $.ajax({ |
| | | url: "http://10.117.5.21/artemis/api/resource/v1/cameras/indexCode", |
| | | type: "POST", |
| | | dataType: "json", |
| | | data: { |
| | | cameraIndexCode: "57533537f16d4cb9a151cf1527b16798", |
| | | }, |
| | | contentType: "application/json", |
| | | headers: { |
| | | "x-ca-key": 20380928, |
| | | "x-ca-signature-headers": "x-ca-key", |
| | | "x-ca-signature": "IVKr1h18tQGUyxsarkSJCyjO2b0BrBQghc5Bga3V3O8=", |
| | | }, |
| | | success: function (result) { |
| | | console.log(result); |
| | | }, |
| | | }); |
| | | }, |
| | | // 相机参数 |
| | | |
| | | getcamera() { |
| | | let p = sgworld.Navigate.getCameraInfo(); |
| | | console.log(p); |
| | | }, |
| | | |
| | | showDigitalPerson() { |
| | | this.isShowDP = !this.isShowDP; |
| | | this.$store.commit("showDigitalPerson", this.isShowDP); |
| | | if (!this.isShowDP) { |
| | | this.$store.commit("showTextArea", false); |
| | | } |
| | | }, |
| | | maskingOut() { |
| | | if (!window.maskinglayer) { |
| | | window.maskinglayer = sgworld.Creator.createImageryProvider( |