| | |
| | | background: rgba(218, 218, 218, 0.1); |
| | | } |
| | | </style> |
| | | |
| | | |
| | | <script> |
| | | let timers = null; |
| | | |
| | | import axios from "axios"; |
| | | import store from "@/utils/store.js"; |
| | | import common from "@/components/common"; |
| | | |
| | | window.flyPoint = null; |
| | | window.flyLine = null; |
| | | let Allresults = []; |
| | |
| | | // } |
| | | // 高德 |
| | | if (data[1].data.status == 1) { |
| | | data[1].data.pois.forEach((val) => { |
| | | let poiarr = val.location.split(","); |
| | | let poi = { |
| | | lon: parseFloat(poiarr[0]), |
| | | lat: parseFloat(poiarr[1]), |
| | | }; |
| | | let obj = { |
| | | address: val.address, |
| | | adname: val.area, |
| | | cityname: val.city, |
| | | id: val.uid, |
| | | lat: poi.lat, |
| | | lng: poi.lon, |
| | | name: val.name, |
| | | pname: val.province, |
| | | }; |
| | | Allresults.push(obj); |
| | | }); |
| | | data[1].data.pois |
| | | .filter((item) => { |
| | | return ( |
| | | item.pname.includes("北京") && |
| | | item.name.includes(this.poi_text) |
| | | ); |
| | | }) |
| | | .forEach((val) => { |
| | | let poiarr = val.location.split(","); |
| | | let poi = { |
| | | lon: parseFloat(poiarr[0]), |
| | | lat: parseFloat(poiarr[1]), |
| | | }; |
| | | let obj = { |
| | | adcode: val.adcode, |
| | | address: val.address, |
| | | adname: val.area, |
| | | citycode: val.citycode, |
| | | cityname: val.cityname, |
| | | id: val.uid, |
| | | lat: poi.lat, |
| | | lng: poi.lon, |
| | | name: val.name, |
| | | pcode: val.pcode, |
| | | pname: val.province, |
| | | type: val.type, |
| | | typecode: val.typecode, |
| | | }; |
| | | Allresults.push(obj); |
| | | }); |
| | | } |
| | | this.total = Allresults.length; |
| | | this.poiList = Allresults; |
| | | this.showList = true; |
| | | console.log(Allresults); |
| | | }, |
| | | (response) => { |
| | | console.log("error"); |
| | |
| | | .then((res) => { |
| | | // 高德 |
| | | if (res.data.status == 1) { |
| | | res.data.pois.forEach((val) => { |
| | | let poiarr = val.location.split(","); |
| | | let poi = { |
| | | lon: parseFloat(poiarr[0]), |
| | | lat: parseFloat(poiarr[1]), |
| | | }; |
| | | let obj = { |
| | | address: val.address, |
| | | adname: val.area, |
| | | cityname: val.city, |
| | | id: val.uid, |
| | | lat: poi.lat, |
| | | lng: poi.lon, |
| | | name: val.name, |
| | | pname: val.province, |
| | | }; |
| | | Allresults.push(obj); |
| | | }); |
| | | res.data.pois |
| | | .filter((item) => { |
| | | return ( |
| | | item.pname.includes("北京") && |
| | | item.name.includes(this.poi_text) |
| | | ); |
| | | }) |
| | | .forEach((val) => { |
| | | let poiarr = val.location.split(","); |
| | | let poi = { |
| | | lon: parseFloat(poiarr[0]), |
| | | lat: parseFloat(poiarr[1]), |
| | | }; |
| | | let obj = { |
| | | adcode: val.adcode, |
| | | address: val.address, |
| | | adname: val.area, |
| | | citycode: val.citycode, |
| | | cityname: val.cityname, |
| | | id: val.uid, |
| | | lat: poi.lat, |
| | | lng: poi.lon, |
| | | name: val.name, |
| | | pcode: val.pcode, |
| | | pname: val.province, |
| | | type: val.type, |
| | | typecode: val.typecode, |
| | | }; |
| | | Allresults.push(obj); |
| | | }); |
| | | } |
| | | this.total = Allresults.length; |
| | | this.poiList = Allresults; |
| | |
| | | .Poplayer { |
| | | /* min-width: 350px; */ |
| | | width: 80vw; |
| | | min-height: 180px; |
| | | /* min-height: 180px; */ |
| | | background-repeat: no-repeat; |
| | | background-size: 100% 100%; |
| | | background-image: url("./img/bg.png"); |
| | |
| | | <img src="@/assets/img/navigation/menuicon.png" /> |
| | | </el-button> |
| | | </div> |
| | | <!-- <div class="menuBtn" @click="handleMenuListShow"></div> --> |
| | | |
| | | <div class="menuList" v-show="showMenuList.show"> |
| | | <ul> |
| | | <li |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | // 点击右上角菜单按钮 |
| | | handleMenuListShow() { |
| | | // 清除定点绕飞 |
| | | if (window.pointerFly) { |
| | |
| | | this.showMenuList.show = !this.showMenuList.show; |
| | | store.setMenuListShow(this.showMenuList.show); |
| | | }, |
| | | |
| | | // 点击右上角菜单项 |
| | | handleMenuClick(attr) { |
| | | debugger; |
| | | //清除点 |
| | | // debugger; |
| | | // 清除定点绕飞 |
| | | if (window.pointerFly) { |
| | | window.pointerFly.end && window.pointerFly.end(); |
| | | window.pointerFly = null; |
| | | } |
| | | //清除搜索点 |
| | | flyPoint && Viewer.entities.remove(flyPoint); |
| | | flyPoint = undefined; |
| | | switch (attr) { |
| | |
| | | axios |
| | | .get(window.gisBaseUrl + '/gisserver/wfsserver/yinjing?version=1.3.0&request=GetFeature&format=json&typename=yz井数据') |
| | | .then(res => { |
| | | debugger |
| | | // let manholeList = JSON.parse(res.data); |
| | | store.setLayerPanelShow(false); |
| | | res.data.features.forEach((item, index) => { |
| | |
| | | // axios |
| | | // .get(window.gisBaseUrl + '/gisserver/wfsserver/qiyelianqiye?version=1.3.0&request=GetFeature&format=json&typename=企业链企业') |
| | | // .then(res => { |
| | | // debugger |
| | | // // let manholeList = JSON.parse(res.data); |
| | | // store.setLayerPanelShow(false); |
| | | // res.data.features.forEach((item, index) => { |
| | |
| | | axios |
| | | .get(window.gisBaseUrl + '/gisserver/wfsserver/YZ_SPJK_NEW_wfs?version=1.3.0&request=GetFeature&format=json&typename=摄像头0423') |
| | | .then(res => { |
| | | debugger |
| | | store.setLayerPanelShow(false); |
| | | res.data.features.forEach((item, index) => { |
| | | window.clusterLayer.add( |
| | |
| | | }) |
| | | } |
| | | let nPickFeature = sgworld.Viewer.scene.pick(event.position); |
| | | console.log(nPickFeature); |
| | | |
| | | // console.log(nPickFeature); |
| | | // if (nPickFeature == undefined) { |
| | | // window.flyPoint && Viewer.entities.remove(window.flyPoint); |
| | | // window.flyPoint = undefined; |
| | |
| | | return |
| | | } else if (propertyNames.indexOf("部件名称") !== -1) { |
| | | objdata = { |
| | | // 点位类型(中英文配置表poiKeys.js) |
| | | POITYPE: "CSBJ", |
| | | // 展示字段 |
| | | name: properties["部件名称"]._value, |
| | | address: properties["安装地址"]._value, |
| | | code: properties["部件编码"]._value, |
| | | type: properties["部件类型"]._value, |
| | | // 弹框经纬度 |
| | | lon: lon, |
| | | lat: lat, |
| | | } |
| | |
| | | objdata = { |
| | | POITYPE: "POINT", |
| | | name: properties["_name"]._value, |
| | | address: properties["_address"]._value, |
| | | lat: properties["_lat"]._value, |
| | | lon: properties["_lng"]._value, |
| | | } |
| | |
| | | }, |
| | | 'POINT': { |
| | | 名称: 'name', |
| | | 经度: 'lon', |
| | | 纬度: 'lat' |
| | | // 经度: 'lon', |
| | | // 纬度: 'lat', |
| | | 地址: 'address' |
| | | } |
| | | } |
| | | export default keys |
| | |
| | | { |
| | | name: '影像地图', |
| | | children: [ |
| | | |
| | | { |
| | | "id": "69EB42A8", |
| | | "sourceType": "gdmap", |
| | | "name": "高德注记", |
| | | "urls": "https://webst02.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}", |
| | | "layer": "", |
| | | "alpha": 1, |
| | | "maximumLevel": 18, |
| | | "zIndex": 2, |
| | | "Level": "0,26", |
| | | "checked": false, |
| | | "rename": false |
| | | }, |
| | | { |
| | | "id": "C0698021", |
| | | "sourceType": "arcgis", |
| | | "name": "航拍影像", |
| | | "urls": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer", |
| | | "layer": "", |
| | | // "alpha": 1, |
| | | "zIndex": 1, |
| | | // "Level": "0,26", |
| | |
| | | "maximumLevel": 26, |
| | | "alpha": 1, |
| | | "zIndex": 7, |
| | | "Level": "11,20", |
| | | "Level": "10,20", |
| | | "checked": false, |
| | | "rename": false, |
| | | "flyTo": [ |
| | |
| | | "maximumLevel": 26, |
| | | "alpha": 1, |
| | | "zIndex": 7, |
| | | "Level": "10,20", |
| | | "Level": "9,20", |
| | | "flyTo": [ |
| | | "116.50281", |
| | | "39.75291", |