| | |
| | | |
| | | //关键字查询 |
| | | getFuzzyQuery(res) { |
| | | // if (res.message.indexOf('奔驰') > -1) { |
| | | // store.queryLayer.val = '奔驰公司' |
| | | if (res.message.indexOf('奔驰') > -1) { |
| | | store.queryLayer.val = '奔驰公司' |
| | | } |
| | | // else if (res.message.indexOf('京东') > -1) { |
| | | // store.queryLayer.val = '京东' |
| | | // } |
| | | // // else if (res.message.indexOf('京东') > -1) { |
| | | // // store.queryLayer.val = '京东' |
| | | // // } |
| | | // // else if (res.message.indexOf('小米') > -1) { |
| | | // // store.queryLayer.val = '小米' |
| | | // // } |
| | | // else if (res.message.indexOf('博大') > -1) { |
| | | // store.queryLayer.val = '博大大厦' |
| | | // } else if (res.message.indexOf('信息技术') > -1) { |
| | | // store.queryLayer.val = '信息技术' |
| | | // } else if (res.message.indexOf('生物医药') > -1) { |
| | | // store.queryLayer.val = '生物医药' |
| | | // } else if (res.message.indexOf('机器人') > -1) { |
| | | // store.queryLayer.val = '机器人' |
| | | // } else if (res.message.indexOf('汽车') > -1) { |
| | | // store.queryLayer.val = '汽车' |
| | | // } else { |
| | | // store.queryLayer.val = res.message; |
| | | // else if (res.message.indexOf('小米') > -1) { |
| | | // store.queryLayer.val = '小米' |
| | | // } |
| | | else if (res.message.indexOf('博大') > -1) { |
| | | store.queryLayer.val = '博大大厦' |
| | | } else if (res.message.indexOf('信息技术') > -1) { |
| | | store.queryLayer.val = '信息技术' |
| | | } else if (res.message.indexOf('生物医药') > -1) { |
| | | store.queryLayer.val = '生物医药' |
| | | } else if (res.message.indexOf('机器人') > -1) { |
| | | store.queryLayer.val = '机器人' |
| | | } else if (res.message.indexOf('汽车') > -1) { |
| | | store.queryLayer.val = '汽车' |
| | | } else { |
| | | store.queryLayer.val = res.message; |
| | | } |
| | | |
| | | this.setClearAllMsg(); |
| | | if (!res.baidu_keys) return; |
| | |
| | | :style="viewerStyle" |
| | | @mousemove.native="viewerMouseMove" |
| | | /> |
| | | <div v-if="isShowDigitalPerson" class="digital_Box"> |
| | | <div |
| | | class="textBtn" |
| | | @click="showTextArea" |
| | | :class="{ active: isShowTextArea }" |
| | | > |
| | | <img class="legendImg" src="@/assets/img/new/文本输入.png" /> |
| | | </div> |
| | | <iframe |
| | | id="digital_page" |
| | | allow="microphone;" |
| | | :src="digitalHuman" |
| | | :height="digitalSize.height" |
| | | :width="digitalSize.width" |
| | | frameborder="no" |
| | | border="0" |
| | | marginwidth="0" |
| | | marginheight="0" |
| | | scrolling="no" |
| | | allowtransparency="yes" |
| | | ></iframe> |
| | | </div> |
| | | |
| | | <div |
| | | class="controlPanel" |
| | | :style="{ |
| | |
| | | import { mapState, mapMutations } from "vuex"; |
| | | import vueEvents from "@/utils/vueEvent.js"; |
| | | import leftMenu from "@/components/menu/leftMenu.vue"; |
| | | import mapMsg from "@/assets/js/mapMsg"; |
| | | |
| | | export default { |
| | | name: "index", |
| | |
| | | tooltipShow: false, |
| | | signallingShow: false, |
| | | switchKey: 0, |
| | | |
| | | isShowTA: false, |
| | | digitalHuman: null, |
| | | digitalSize: {}, |
| | | // viewer1Show: false, |
| | | }; |
| | | }, |
| | | mounted() { |
| | | this.digitalHuman = window.digitalHumanURL; |
| | | this.digitalSize = window.digitalSize; |
| | | let size = this.detectZoom(); |
| | | this.scale = (100 / size).toFixed(2); |
| | | this.offset = "-" + ((size - 100) / 2).toFixed(2) + "%"; |
| | |
| | | }, |
| | | isShowHistory() { |
| | | return this.$store.state.isShowHistory; |
| | | F; |
| | | }, |
| | | isShowDigitalPerson() { |
| | | return this.$store.state.isShowDigitalPerson; |
| | | }, |
| | | isShowTextArea() { |
| | | if (this.$store.state.isShowTextArea) { |
| | | this.input = ""; |
| | | } |
| | | return this.$store.state.isShowTextArea; |
| | | }, |
| | | }, |
| | | watch: { |
| | |
| | | }, |
| | | methods: { |
| | | ...mapMutations(["setLayerTreeTwoScreen"]), |
| | | showTextArea() { |
| | | this.$store.commit("showTextArea", !this.$store.state.isShowTextArea); |
| | | }, |
| | | |
| | | setMessgae(show, msg) { |
| | | this.tooltipShow = show; |
| | | this.tooltipInfo = msg ? msg : ""; |
| | |
| | | bottom: 0; |
| | | transform: translate(-50%, 0); |
| | | } |
| | | .digital_Box { |
| | | position: absolute; |
| | | left: 0; |
| | | bottom: 120px; |
| | | z-index: 10; |
| | | } |
| | | .textBtn { |
| | | background-image: url("~@/assets/img/new/leftCircle.png"); |
| | | background-size: 100%; |
| | | background-color: transparent; |
| | | width: 35px; |
| | | height: 35px; |
| | | position: absolute; |
| | | left: 20px; |
| | | cursor: pointer; |
| | | } |
| | | .textBtn:hover { |
| | | background-image: url("~@/assets/img/new/leftCircle-y.png"); |
| | | } |
| | | .active { |
| | | background-image: url("~@/assets/img/new/leftCircle-y.png"); |
| | | } |
| | | .textBtn img { |
| | | /* margin-top: 14px; |
| | | margin-left: 14px; */ |
| | | position: absolute; |
| | | top: 50%; |
| | | left: 50%; |
| | | transform: translate(-50%, -50%); |
| | | width: 20px; |
| | | } |
| | | #digital_page { |
| | | /* position: absolute; |
| | | left: 0; |
| | | bottom: 120px; |
| | | z-index: 10; */ |
| | | } |
| | | |
| | | .trigger { |
| | | pointer-events: all; |
| | |
| | | <template> |
| | | <div> |
| | | <div id="sdkContainer"></div> |
| | | <!-- <iframe |
| | | id="digital_page" |
| | | v-if="isShowDigitalPerson" |
| | | src="https://iframetester.com/" |
| | | height="450" |
| | | width="600" |
| | | frameborder="no" |
| | | border="0" |
| | | marginwidth="0" |
| | | marginheight="0" |
| | | scrolling="no" |
| | | allowtransparency="yes" |
| | | ></iframe> --> |
| | | <iframe |
| | | v-if="isShowDigitalPerson" |
| | | id="digital_page" |
| | | allow="microphone;" |
| | | :src="digitalHuman" |
| | | :height="digitalSize.height" |
| | | :width="digitalSize.width" |
| | | frameborder="no" |
| | | border="0" |
| | | marginwidth="0" |
| | | marginheight="0" |
| | | scrolling="no" |
| | | allowtransparency="yes" |
| | | ></iframe> |
| | | |
| | | |
| | | <div class="listBox" v-show="viewer1Show && !isLand"> |
| | | <ul id="viewer_lsyx"> |
| | |
| | | scale: "1", |
| | | offset: "0%", |
| | | radio: 3, |
| | | digitalHuman: null, |
| | | digitalSize: {}, |
| | | arr: [ |
| | | 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, |
| | | 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, |
| | |
| | | }, |
| | | computed: { |
| | | ...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen", "cesiumInit"]), |
| | | isShowDigitalPerson() { |
| | | return this.$store.state.isShowDigitalPerson; |
| | | }, |
| | | |
| | | }, |
| | | watch: { |
| | | viewer1Show(newvalue, oldvalue) { |
| | |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.digitalHuman = window.digitalHumanURL; |
| | | this.digitalSize = window.digitalSize; |
| | | let pathName = window.location.pathname.split("/"); |
| | | let StaticFileBaseUrl; |
| | | if (pathName.length != 2) { |
| | |
| | | border-radius: 10px; |
| | | /* box-shadow: 0px 0px 5px 3px #fff; */ |
| | | } |
| | | #digital_page { |
| | | position: absolute; |
| | | left: 0; |
| | | bottom: 120px; |
| | | z-index: 10; |
| | | } |
| | | |
| | | /* #switchImagerLayer:before { |
| | | content: ""; |
| | | position: absolute; |
| | |
| | | } |
| | | axios |
| | | .get( |
| | | "http://10.10.4.116:8089/cs/geowinmap_xncs/ds?r=0.9158559377752831&serviceproviderid=map.vectorserviceprovider&serviceid=queryfeature&featcls=225%25E8%258C%2583%25E5%259B%25B4%25E5%2588%2586%25E5%258C%25BA%25E8%25A7%2584%25E5%2588%2592.geojson&lng=" + |
| | | `http://10.10.4.116:8089/cs/geowinmap_xncs/ds?lng=${p.lon}&lat=${p.lat}` |
| | | // "http://10.10.4.115:8022/geowinmap_xncs/ds?r=0.9158559377752831&serviceproviderid=map.vectorserviceprovider&serviceid=queryfeature&featcls=225%25E8%258C%2583%25E5%259B%25B4%25E5%2588%2586%25E5%258C%25BA%25E8%25A7%2584%25E5%2588%2592.geojson&lng=" + |
| | | p.lon + |
| | | "&lat=" + |
| | | p.lat + |
| | | "&geom=true&requesttype=json" |
| | | // p.lon + |
| | | // "&lat=" + |
| | | // p.lat + |
| | | // "&geom=true&requesttype=json" |
| | | ) |
| | | .then((response) => { |
| | | let center = { lon: 0, lat: 0 }; |
| | |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="textAreaBox" v-if="isShowTextArea"> |
| | | <!-- 数组人文字输入弹框 --> |
| | | <div class="SZRtextAreaBox" v-if="isShowTextArea"> |
| | | <el-row :gutter="10"> |
| | | <el-col :span="19"> |
| | | <el-input |
| | | v-model="input" |
| | | placeholder="请输入内容" |
| | | clearable |
| | | @keyup.enter.native="sendCommand($event)" |
| | | ></el-input> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <el-button type="primary" @click="sendCommand('click')" |
| | | >搜索</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .textAreaBox { |
| | | .SZRtextAreaBox { |
| | | background: rgba(5, 39, 126, 0.7); |
| | | padding: 10px; |
| | | /* width: 375px; */ |
| | | width: 375px; |
| | | position: absolute; |
| | | /* display: flex; */ |
| | | /* justify-content: space-around; */ |
| | | bottom: 165px; |
| | | color: #fff; |
| | | left: 50%; |
| | | transform: translateX(-50%); |
| | | z-index: 99999; |
| | | } |
| | | .textAreaBox .el-form-item { |
| | | .SZRtextAreaBox .el-form-item { |
| | | margin: 0; |
| | | } |
| | | .textAreaBox .el-input { |
| | | width: 300px; |
| | | .SZRtextAreaBox .el-input { |
| | | /* width: 300px; */ |
| | | } |
| | | .specialTool .bottomwrapper:nth-of-type(3) { |
| | | /* background: red; */ |
| | |
| | | } |
| | | }, |
| | | sendCommand(event) { |
| | | mapMsg.testMsg(event.target.value); |
| | | |
| | | // 阻止默认行为(如果需要的话) |
| | | event.preventDefault(); |
| | | // if (event == "click") { |
| | | mapMsg.testMsg(this.input); |
| | | // } else { |
| | | // // 阻止默认行为(如果需要的话) |
| | | // mapMsg.testMsg(this.input); |
| | | // event.preventDefault(); |
| | | // } |
| | | }, |
| | | handleCommand(command) { |
| | | switch (command) { |
| | |
| | | <template> |
| | | <div class="menuBox"> |
| | | <div v-if="list.length == 0 && val == null"></div> |
| | | <div class="boxCntent" v-else-if="list.length == 0"> |
| | | {{ val }} 数据正在补充中 |
| | | <!-- <div class="close" @click.stop="closelist"></div> --> |
| | | <div class="" v-if="list.length == 0 && val == null"></div> |
| | | <div class="boxContent" v-else-if="list.length == 0"> |
| | | <div class="close" @click.stop="closelist"></div> |
| | | {{ val }} |
| | | 暂未搜索到相关数据 |
| | | </div> |
| | | <ul class="boxCntent" v-if="list.length != 0"> |
| | | <!-- <div class="close" @click.stop="closelist"></div> --> |
| | | <div> |
| | | <ul class="boxContent" v-if="list.length != 0"> |
| | | <div class="close" @click.stop="closelist"></div> |
| | | <div class="listContent"> |
| | | <li v-for="(item, index) in list" :key="index"> |
| | | <div> |
| | | {{ item.name }} |
| | |
| | | background-size: 100% 100%; |
| | | background-image: url("../poplayer/img/close.png"); |
| | | cursor: pointer; |
| | | margin-top: 5px; |
| | | margin-right: 5px; |
| | | } |
| | | .menuBox .boxCntent { |
| | | margin: 1%; |
| | | .menuBox .boxContent { |
| | | width: 100%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: flex-end; |
| | | } |
| | | .listContent { |
| | | width: 100%; |
| | | } |
| | | .menuBox li { |
| | | /* width: 100%; */ |
| | | padding: 10px; |
| | | border: 1px solid gray; |
| | | margin-top: 2px; |
| | |
| | | <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" |
| | |
| | | showDigitalPerson() { |
| | | this.isShowDP = !this.isShowDP; |
| | | this.$store.commit("showDigitalPerson", this.isShowDP); |
| | | }, |
| | | showTextArea() { |
| | | this.isShowTA = !this.isShowTA; |
| | | this.$store.commit("showTextArea", this.isShowTA); |
| | | if (!this.isShowDP) { |
| | | this.$store.commit("showTextArea", false); |
| | | } |
| | | }, |
| | | maskingOut() { |
| | | if (!window.maskinglayer) { |
| | |
| | | |
| | | // 企业接口8086 |
| | | const request = axios.create({ |
| | | // baseURL: 'https://skyzt.bda.gov.cn/BEApi/', // api的base_url |
| | | baseURL: 'http://10.10.4.116:8086/', // api的base_url |
| | | timeout: 35000, // 请求超时时间 |
| | | headers: { |
| | |
| | | window.GIS_IP = 'http://10.10.4.116:8070' |
| | | // window.digitalHumanURL = "https://example.org" |
| | | window.digitalHumanURL = "https://szr.bda.gov.cn/human/#/yizhuang/b1401669626c4b1faf7a9940be866b2a?model=yingshang" |
| | | window.digitalSize = { |
| | | width: "600", |
| | |
| | | { |
| | | "username": "admin", |
| | | "password": "admin", |
| | | "username": "", |
| | | "password": "", |
| | | "min_view_height": 40, |
| | | "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6IjEyMyJ9.K8V0sPO_Y1CUunw4vGe6S899lDpsPixZ0b70KhP6O5M", |
| | | "traffic": "http://www.map.zj.cn:8899/geoserver/zjplatform/wms", |
| | | "poi_search": "http://223.4.72.70:3866/Smartearth/sw/search/", |
| | | "space_query": "http://localhost:8099/query/list", |
| | | "token": "", |
| | | "traffic": "", |
| | | "poi_search": "", |
| | | "space_query": "", |
| | | "sxtGeojsonUrl":"./static/geojson/sxt.geojson" |
| | | } |
| | |
| | | "rename": false |
| | | }, |
| | | { |
| | | "id": "北京22000影像", |
| | | "id": "北京2000影像", |
| | | "name": "北京2000影像", |
| | | "sourceType": "BJ2000", |
| | | "urls": "http://172.26.64.84/service/map/img?year=&type=Sate&z={z}&x={x}&y={y}&ak=945feed57ba34d23a999be2ae4d9259a", |
| | | "urls": "http://10.10.4.116:8085/yzAdapter/map/img?year=&type=Sate&z={z}&x={x}&y={y}", |
| | | "checked": false, |
| | | "rename": false |
| | | }, |
| | |
| | | "id": "北京2000矢量", |
| | | "name": "北京2000矢量", |
| | | "sourceType": "BJ2000", |
| | | "urls": "http://10.10.4.116:8080/service/map/img?year=&type=Shiliang&z={z}&x={x}&y={y}&ak=945feed57ba34d23a999be2ae4d9259a", |
| | | "urls": "http://10.10.4.116:8085/yzAdapter/map/img?year=&type=Shiliang&z={z}&x={x}&y={y}", |
| | | "checked": false, |
| | | "rename": false |
| | | } |
| | |
| | | "id": "北京2000影像", |
| | | "name": "北京2000影像", |
| | | "sourceType": "BJ2000", |
| | | "urls": "http://172.26.64.84/service/map/img?year=&type=Sate&z={z}&x={x}&y={y}&ak=945feed57ba34d23a999be2ae4d9259a", |
| | | "urls": "http://10.10.4.116:8085/yzAdapter/map/img?year=&type=Sate&z={z}&x={x}&y={y}", |
| | | "checked": false, |
| | | "rename": false |
| | | }, |
| | |
| | | "id": "北京2000矢量", |
| | | "name": "北京2000矢量", |
| | | "sourceType": "BJ2000", |
| | | "urls": "http://172.26.64.84/service/map/img?year=&type=Shiliang&z={z}&x={x}&y={y}&ak=945feed57ba34d23a999be2ae4d9259a", |
| | | "urls": "http://10.10.4.116:8085/yzAdapter/map/img?year=&type=Shiliang&z={z}&x={x}&y={y}", |
| | | "checked": false, |
| | | "rename": false |
| | | } |