| | |
| | | <el-button> <img src="@/assets/img/left/ztfx/yqfk.png" /> </el-button |
| | | ></el-tooltip> |
| | | </div> |
| | | <div class="specialTool" @click="kuangxuan()"> |
| | | <div class="specialTool" @click="rangeQuery()"> |
| | | <el-tooltip |
| | | class="item" |
| | | effect="dark" |
| | |
| | | <el-button> <img src="@/assets/img/left/ztfx/sjxq.png" /> </el-button |
| | | ></el-tooltip> |
| | | </div> |
| | | <!-- <div class="specialTool" @click="guanxian(openGX)"> |
| | | <el-tooltip |
| | | class="item" |
| | | effect="dark" |
| | | content="地下管线" |
| | | placement="top-start" |
| | | popper-class="item_tooltip" |
| | | > |
| | | <el-button> <img src="@/assets/img/left/ztfx/spl.png" /> </el-button |
| | | ></el-tooltip> |
| | | </div> --> |
| | | <!-- <div class="specialTool" @click="sceneRoaming"> |
| | | <el-tooltip |
| | | class="item" |
| | |
| | | /* border-radius: 30px; */ |
| | | box-shadow: 0px 0px 7px rgba(76, 165, 248, 0.8) inset; |
| | | background-color: rgba(14, 50, 143, 0.5); |
| | | width: 460px; |
| | | width: 350px; |
| | | } |
| | | .specialTools { |
| | | margin-left: 20px; |
| | |
| | | import Bus from "../../tools/Bus"; |
| | | import { roman } from "../../../assets/json/index.js"; |
| | | import URLInCode from "@/assets/js/urlInCode"; |
| | | |
| | | let handler; |
| | | let pickFeature; |
| | | let tooltipHTML; |
| | |
| | | let video2; |
| | | let video3; |
| | | let video4; |
| | | let promiseS3M; |
| | | //交通图层 |
| | | let panoramaLayer; |
| | | export default { |
| | | name: "special", |
| | | data() { |
| | | return { |
| | | openGX: "open", |
| | | showPointInfo: true, |
| | | romanOption: [ |
| | | { name: "核心区" }, |
| | |
| | | yqfkHandle() { |
| | | this.setYqfk(!this.yqfk); |
| | | }, |
| | | kuangxuan() { |
| | | rangeQuery() { |
| | | Bus.$emit("showRangeBox", true); |
| | | }, |
| | | tdglHandle() { |
| | |
| | | handler.setInputAction((event) => { |
| | | let nPickFeature = sgworld.Viewer.scene.pick(event.position); |
| | | if (Cesium.defined(nPickFeature)) { |
| | | // console.log(nPickFeature); |
| | | if (nPickFeature.primitive instanceof Cesium.Billboard) { |
| | | console.log(nPickFeature.id); |
| | | if (nPickFeature.id.length > 0) { |
| | | return; |
| | | } |
| | |
| | | if (nPickFeature.id.tag) { |
| | | let properties = nPickFeature.id.properties; |
| | | let propertyNames = nPickFeature.id.properties.propertyNames; |
| | | // console.log(propertyNames); |
| | | if (propertyNames.indexOf("监控名") !== -1) { |
| | | obj["JK名称"] = properties["JK名称"]._value; |
| | | obj["JK类型"] = properties["JK类型"]._value; |
| | |
| | | tooltip.show(false); |
| | | tooltip = null; |
| | | } |
| | | |
| | | tooltip = sgworld.Core.CreateResultTooltip(window.Viewer, { |
| | | color: "black", |
| | | addY: -40, |
| | | far: 200000, |
| | | closeBtn: true, |
| | | close: () => { |
| | | this.resetImg(); |
| | | this.resetBorder(); |
| | | }, |
| | | }); |
| | | |
| | | let description = `<div style='background: |
| | | rgba(14, 50, 143, 0.6); |
| | | border: 1px solid #205fbc; |
| | | border-radius: 5px; |
| | | color: #fff; |
| | | padding: 15px; |
| | | box-shadow: 0px 1px 10px 0px rgba(3, 10, 26, 0.38); |
| | | '>${tooltipHTML}</div>`; |
| | | |
| | | tooltip.showAt( |
| | | Cesium.Cartesian3.fromDegrees(lng, lat, 0), |
| | | description |
| | | ); |
| | | |
| | | //关闭地块信息弹窗 |
| | | Bus.$emit("closeLandInfoPop", true); |
| | |
| | | }); |
| | | }); |
| | | }, |
| | | spjkHandle() { |
| | | if (window.sxtkGeojson) { |
| | | window.sxtkGeojson.deleteObject(); |
| | | window.sxtkGeojson = null; |
| | | window.sxthandler.destroy(); |
| | | //关闭弹窗 |
| | | Bus.$emit("closeRightPop", true); |
| | | layuiLayer.close(SmartEarthPopupData.layerProp); |
| | | return; |
| | | } else { |
| | | Bus.$emit("showSPJK"); |
| | | // this.spjkLoad(); |
| | | } |
| | | }, |
| | | |
| | | handleCommand(command) { |
| | | switch (command) { |
| | | case "qytj": |
| | |
| | | video && video.destroy(); |
| | | video = undefined; |
| | | }, |
| | | guanxian(params) { |
| | | if (params == "open") { |
| | | promiseS3M = sgworld.coreMap.scene.open( |
| | | "http://192.162.2.2:8090/iserver/services/3D-GX/rest/realspace" |
| | | ); |
| | | this.openGX = "close"; |
| | | } else { |
| | | promiseS3M.then((res) => { |
| | | res.forEach((item) => { |
| | | item.visible = false; |
| | | }); |
| | | }); |
| | | } |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |