| | |
| | | location: 'Geographical Position', |
| | | province: 'Province', |
| | | country: 'Country', |
| | | county: 'County', |
| | | county: 'City', |
| | | corpname: ' Constructing units ', |
| | | department: 'competent department', |
| | | conperiod: 'Construction period', |
| | |
| | | newProj: 'New project', |
| | | editProj: 'Edit project', |
| | | lable1: 'Add project information', |
| | | label2: 'Modify project information' |
| | | label2: 'Modify project information', |
| | | longitude: 'longitude', |
| | | latitude: 'latitude' |
| | | }, |
| | | |
| | | dataUpObj: { |
| | |
| | | location: '地理位置', |
| | | province: '所属省份', |
| | | country: '所属国家', |
| | | county: '所属县', |
| | | county: '所属市', |
| | | corpname: '建设单位名称', |
| | | department: '主管部门', |
| | | conperiod: '建设工期', |
| | |
| | | newProj: '新增项目', |
| | | editProj: '修改项目', |
| | | lable1: '添加项目信息', |
| | | label2: '修改项目信息' |
| | | label2: '修改项目信息', |
| | | longitude: '经度', |
| | | latitude: '纬度' |
| | | }, |
| | | dataUpObj: { |
| | | catalogue: '目录', |
| | |
| | | this.$store.state.propertiesFlag = "1" |
| | | let properties = pick.id.properties |
| | | let propertyNames = pick.id.properties.propertyNames |
| | | |
| | | let obj = {} |
| | | obj["eventid"] = properties["_eventid"]._value |
| | | // |
| | |
| | | message: '柱状图查询成功', |
| | | type: 'success' |
| | | }); |
| | | } |
| | | var val = data.result; |
| | | val = val.filter((res) => { |
| | | setTimeout(() => { |
| | | var val = data.result; |
| | | val = val.filter((res) => { |
| | | |
| | | if (res.dirName) { |
| | | res.dirid = res.dirName |
| | | } |
| | | if (res.depName) { |
| | | res.depid = res.depName |
| | | } |
| | | if (res.verName) { |
| | | res.verid = res.verName |
| | | } |
| | | if (res.updateName) { |
| | | res.updateuser = res.updateName |
| | | } |
| | | if (res.createName) { |
| | | res.createuser = res.createName |
| | | } |
| | | |
| | | if (res.createtime) { |
| | | res.createtime = this.format(res.createtime) |
| | | } |
| | | if (res.updatetime) { |
| | | res.createtime = this.format(res.updatetime) |
| | | } |
| | | return res |
| | | }) |
| | | |
| | | |
| | | this.listdata.count = data.count; |
| | | this.tableData = val; |
| | | |
| | | this.showHistogramLayer(data.count) |
| | | this.$refs.filterTable.doLayout(); |
| | | var that = this; |
| | | |
| | | window.histogramHandler = new Cesium.ScreenSpaceEventHandler( |
| | | sgworld.Viewer.scene.canvas |
| | | ) |
| | | window.histogramHandler.setInputAction((event) => { |
| | | var pick = sgworld.Viewer.scene.pick(event.endPosition); |
| | | |
| | | var propertiesFlag = that.$store.state.propertiesFlag |
| | | |
| | | if (Cesium.defined(pick)) { |
| | | if (pick && pick.id && pick.id.tag && pick.id.tag == "Histogram") { |
| | | that.$store.state.propertiesInfo = { |
| | | title: pick.id.properties._exppointid._value, |
| | | name: pick.id.properties._geoname._value, |
| | | type: pick.id.properties.geotype._value, |
| | | botdepth: pick.id.properties._botdepth._value, |
| | | describe: pick.id.properties._describe._value, |
| | | if (res.dirName) { |
| | | res.dirid = res.dirName |
| | | } |
| | | that.$store.state.propertiesFlag = "2" |
| | | } else { |
| | | if (propertiesFlag == 1) { |
| | | that.$store.state.propertiesFlag = propertiesFlag |
| | | if (res.depName) { |
| | | res.depid = res.depName |
| | | } |
| | | if (res.verName) { |
| | | res.verid = res.verName |
| | | } |
| | | if (res.updateName) { |
| | | res.updateuser = res.updateName |
| | | } |
| | | if (res.createName) { |
| | | res.createuser = res.createName |
| | | } |
| | | |
| | | if (res.createtime) { |
| | | res.createtime = this.format(res.createtime) |
| | | } |
| | | if (res.updatetime) { |
| | | res.createtime = this.format(res.updatetime) |
| | | } |
| | | return res |
| | | }) |
| | | |
| | | |
| | | this.listdata.count = data.count; |
| | | this.tableData = val; |
| | | |
| | | this.showHistogramLayer(data.count) |
| | | this.$refs.filterTable.doLayout(); |
| | | var that = this; |
| | | |
| | | window.histogramHandler = new Cesium.ScreenSpaceEventHandler( |
| | | sgworld.Viewer.scene.canvas |
| | | ) |
| | | window.histogramHandler.setInputAction((event) => { |
| | | var pick = sgworld.Viewer.scene.pick(event.endPosition); |
| | | |
| | | var propertiesFlag = that.$store.state.propertiesFlag |
| | | |
| | | if (Cesium.defined(pick)) { |
| | | if (pick && pick.id && pick.id.tag && pick.id.tag == "Histogram") { |
| | | that.$store.state.propertiesInfo = { |
| | | title: pick.id.properties._exppointid._value, |
| | | name: pick.id.properties._geoname._value, |
| | | type: pick.id.properties.geotype._value, |
| | | botdepth: pick.id.properties._botdepth._value, |
| | | describe: pick.id.properties._describe._value, |
| | | } |
| | | that.$store.state.propertiesFlag = "2" |
| | | } else { |
| | | if (propertiesFlag == 1) { |
| | | that.$store.state.propertiesFlag = propertiesFlag |
| | | } else { |
| | | that.$store.state.propertiesFlag = null |
| | | } |
| | | } |
| | | } else { |
| | | that.$store.state.propertiesFlag = null |
| | | if (propertiesFlag == 1) { |
| | | that.$store.state.propertiesFlag = propertiesFlag |
| | | } else { |
| | | that.$store.state.propertiesFlag = null |
| | | } |
| | | } |
| | | } |
| | | } else { |
| | | if (propertiesFlag == 1) { |
| | | that.$store.state.propertiesFlag = propertiesFlag |
| | | } else { |
| | | that.$store.state.propertiesFlag = null |
| | | } |
| | | } |
| | | }, Cesium.ScreenSpaceEventType.MOUSE_MOVE) |
| | | }, Cesium.ScreenSpaceEventType.MOUSE_MOVE) |
| | | }, 500); |
| | | } |
| | | |
| | | |
| | | }, |
| | | async showHistogramLayer(res) { |
| | | var obj = { |
| | |
| | | <template> |
| | | <div id="mapView" class="projectBox"> |
| | | <div |
| | | id="mapView" |
| | | class="projectBox" |
| | | > |
| | | <div class="Tools box_divm"> |
| | | <el-button |
| | | type="success" |
| | | icon="el-icon-plus" |
| | | @click="drowPoint" |
| | | ></el-button> |
| | | <el-button |
| | | type="danger" |
| | | icon="el-icon-delete" |
| | | @click="clearDrawPoint" |
| | | ></el-button> |
| | | <el-form |
| | | :inline="true" |
| | | :model="formInline" |
| | | class="demo-form-inline" |
| | | > |
| | | <el-form-item :label="$t('dataManage.projectObj.longitude')"> |
| | | {{formInline.lon}} |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.projectObj.latitude')"> |
| | | {{formInline.lat}} |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.projectObj.country')"> |
| | | {{formInline.country}} |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.projectObj.province')"> |
| | | {{formInline.province}} |
| | | </el-form-item> |
| | | <el-form-item :label="$t('dataManage.projectObj.county')"> |
| | | {{formInline.location}} |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-button |
| | | type="success" |
| | | icon="el-icon-plus" |
| | | @click="drowPoint" |
| | | ></el-button> |
| | | <el-button |
| | | type="danger" |
| | | icon="el-icon-delete" |
| | | @click="clearDrawPoint" |
| | | ></el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | import Feature from 'ol/Feature'; |
| | | import { Circle as CircleStyle, Style, Fill, Stroke } from 'ol/style'; |
| | | import { Point } from 'ol/geom'; |
| | | import { project_selectLocation } from '../api/api.js' |
| | | export default { |
| | | data() { |
| | | return { |
| | | mapol: null, |
| | | drawLayer: null, |
| | | draw: null, |
| | | formInline: { |
| | | lon: '', |
| | | lat: '', |
| | | location: '', |
| | | province: '', |
| | | country: '' |
| | | } |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | .replace('POINT(', '') |
| | | .replace(')', ''); |
| | | var a1 = value.split(' '); |
| | | console.log(a1); |
| | | this.showLoacation(a1) |
| | | var a2 = transform( |
| | | [parseFloat(a1[0]), parseFloat(a1[1])], |
| | | 'EPSG:4326', |
| | |
| | | this.mapol.removeLayer(this.drawLayer); |
| | | this.drawLayer = null; |
| | | this.$store.state.projeOl = null; |
| | | this.formInline = { |
| | | lon: '', |
| | | lat: '', |
| | | location: '', |
| | | province: '', |
| | | country: '' |
| | | } |
| | | } |
| | | }, |
| | | |
| | |
| | | let geom = feature.getGeometry(); |
| | | var extent = geom.flatCoordinates; |
| | | var a1 = transform([extent[0], extent[1]], 'EPSG:3857', 'EPSG:4326'); |
| | | |
| | | this.showLoacation(a1) |
| | | this.$store.state.projeOl = |
| | | 'POINT(' + a1[0].toFixed(6) + ' ' + a1[1].toFixed(6) + ')'; |
| | | this.mapol.removeInteraction(this.draw); |
| | | }); |
| | | }, |
| | | async showLoacation(res) { |
| | | this.formInline.lon = res[0].toFixed(6); |
| | | this.formInline.lat = res[1].toFixed(6); |
| | | const data = await project_selectLocation({ |
| | | x: res[0], |
| | | y: res[1], |
| | | }); |
| | | if (data.code == 200) { |
| | | for (var i in data.result) { |
| | | var key = data.result[i].key; |
| | | var val = data.result[i].value; |
| | | if (key == "国") { |
| | | this.formInline.country = val; |
| | | } else if (key == "省") { |
| | | this.formInline.province = val; |
| | | } else if (key == "市") { |
| | | this.formInline.location = val; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | }, |
| | | mounted() { |
| | | this.initOlMap(); |
| | |
| | | }; |
| | | </script> |
| | | |
| | | <style> |
| | | <style lang="less" scoped> |
| | | .projectBox { |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: hidden; |
| | | margin: 0; |
| | | padding: 0; |
| | | /deep/.el-form-item { |
| | | margin-bottom: 0px; |
| | | } |
| | | } |
| | | .Tools { |
| | | position: absolute; |
| | | |
| | | |
| | | opacity: 0.9; |
| | | z-index: 40; |
| | | padding: 10px; |
| | |
| | | v-model="searchName" |
| | | @change="handleSearchChange(item)" |
| | | > |
| | | <el-button slot="append" icon="el-icon-search"></el-button> |
| | | <el-button |
| | | slot="append" |
| | | icon="el-icon-search" |
| | | ></el-button> |
| | | </el-input> |
| | | </div> |
| | | <div class="popover-content__list"> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="bottom13"> |
| | | <div class="bottom13-wrapper" :class="isExpand ? 'expend' : 'fold'" @mouseover="handleMouseOver" @mouseout="handleMouseOut"> |
| | | <div |
| | | class="bottom13-wrapper" |
| | | :class="isExpand ? 'expend' : 'fold'" |
| | | @mouseover="handleMouseOver" |
| | | @mouseout="handleMouseOut" |
| | | > |
| | | <div |
| | | v-for="item in yxList" |
| | | yxList |
| | |
| | | Viewer.imageryLayers._layers[2].show = false |
| | | Viewer.imageryLayers._layers[3].show = false |
| | | if (yunxuanLayer) { |
| | | yunxuanLayer.item.show = false |
| | | Viewer.imageryLayers.remove(yunxuanLayer); |
| | | yunxuanLayer = null |
| | | } |
| | | |
| | | switch (name) { |
| | | case "晕渲图": |
| | | if (yunxuanLayer == null) { |
| | | var urls = "https://tiles3.geovisearth.com/base/v1/ter" |
| | | // 星图地球地形晕渲 |
| | | yunxuanLayer = sgworld.Creator.createUrlTemplateImageryProvider( |
| | | "星图地球地形晕渲", |
| | | { |
| | | url: |
| | | urls + |
| | | "/{z}/{x}/{y}?format=webp&token=486dac3bec56d7d7c2a581c150be2bd937462f1e8f3bc9c78b5658b396122405", |
| | | }, |
| | | "0", |
| | | undefined, |
| | | true, |
| | | "" |
| | | ) |
| | | // var urls = "https://tiles3.geovisearth.com/base/v1/ter" |
| | | // // 星图地球地形晕渲 |
| | | // yunxuanLayer = sgworld.Creator.createUrlTemplateImageryProvider( |
| | | // "星图地球地形晕渲", |
| | | // { |
| | | // url: |
| | | // urls + |
| | | // "/{z}/{x}/{y}?format=webp&token=486dac3bec56d7d7c2a581c150be2bd937462f1e8f3bc9c78b5658b396122405", |
| | | // }, |
| | | // "0", |
| | | // undefined, |
| | | // true, |
| | | // "" |
| | | // ) |
| | | var urls = "http://t0.tianditu.com/ter_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=ter&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk="; |
| | | var tokne = "94a34772eb88317fcbf8428e10448561" |
| | | yunxuanLayer = Viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({ |
| | | url: urls + tokne, |
| | | layer: "tdtImgLayer", |
| | | style: "default", |
| | | format: "image/jpeg", |
| | | tileMatrixSetID: "GoogleMapsCompatible", |
| | | })) |
| | | Viewer.imageryLayers.lowerToBottom(yunxuanLayer);//将图层移到最底层 |
| | | |
| | | Viewer.imageryLayers.raise(yunxuanLayer);//将图层上移一层 |
| | | } |
| | | |
| | | yunxuanLayer.item.show = true |
| | | |
| | | |
| | | break |
| | | case "影像图": |
| | |
| | | return menu.children |
| | | // return menu.children.filter(item => item.name.indexOf(searchName) > -1) |
| | | }, |
| | | handleSearchChange(currMenu) {}, |
| | | handleSearchChange(currMenu) { }, |
| | | async getCountProjectDisplay() { |
| | | // const res = await countProjectLocation() |
| | | // if (res.code === 200) { |
| | |
| | | <span>属性信息</span> |
| | | <div style="float: right; cursor: pointer"> |
| | | <el-link |
| | | v-if="$store.state.propertiesName.tabDesc == '勘察工点'" |
| | | v-if="$store.state.propertiesName.enName == 's_surveyworksite'" |
| | | type="primary" |
| | | :underline="false" |
| | | @click="getPointInfo" |
| | |
| | | </div> |
| | | <!--勘察信息弹窗--> |
| | | <div |
| | | v-drag |
| | | class="attributionPop" |
| | | v-if="showAttribute" |
| | | > |
| | |
| | | tabName: tabName, |
| | | }; |
| | | const res = await dataLib_selectFiles(obj); |
| | | |
| | | if (res.code != 200) { |
| | | this.$message.error('附件查询失败'); |
| | | return |
| | |
| | | }, |
| | | //勘察信息表 |
| | | getPointInfo() { |
| | | this.showAttribute = !this.showAttribute; |
| | | |
| | | if (this.showAttribute) { |
| | | let attrbuteOption = workSite; |
| | | var name = attrbuteOption[0].table.replaceAll("_", ""); |
| | | this.getAttributeDomFiled(name); |
| | | |
| | | } |
| | | let attrbuteOption = workSite; |
| | | var name = attrbuteOption[0].table.replaceAll("_", ""); |
| | | this.getAttributeDomFiled(name); |
| | | }, |
| | | //获取每个表字段名称及阈值 |
| | | async getAttributeDomFiled(res) { |
| | |
| | | title: title, |
| | | filter: "workname = " + "'" + title + "'", |
| | | } |
| | | |
| | | const data = await dataQuery_selectByPage(parmams); |
| | | if (data.code != 200) { |
| | | this.$message.error("调用列表失败,请联系工作人员!"); |
| | | return; |
| | | } |
| | | |
| | | if (!data.result.length) { |
| | | this.$message.error("未查询到勘探信息数据"); |
| | | return |
| | | } |
| | | this.showAttribute = !this.showAttribute; |
| | | var res_val = attributeFild; |
| | | for (var i in data.result) { |
| | | let val_Data = data.result[i]; |
| | |
| | | <div class="cardItem"> {{$t('archiveObj.dataType')}} : {{ item.mold }} </div> |
| | | <div class="cardItem"> {{$t('dataManage.vmobj.format')}} : {{ item.type }} </div> |
| | | <div class="cardItem"> {{$t('dataManage.vmobj.size')}} : {{stateFormatSizes(item.sizes)}} </div> |
| | | <div class="cardItem"> {{$t('dataManage.vmobj.tab')}} : {{ item.tab }} </div> |
| | | <div class="cardItem"> {{$t('dataManage.vmobj.row')}} : {{ item.rows }} </div> |
| | | <div class="cardItem"> {{$t('archiveObj.downloads')}} : {{ item.downCount }} 次 </div> |
| | | <div class="cardItem"> {{$t('dataManage.vmobj.createonuser')}} : {{item.uname}} </div> |
| | | <div class="cardItem"> {{$t('dataManage.vmobj.depName')}} : {{item.depName}} </div> |
| | |
| | | <p>{{ $t('dataManage.vmobj.format') }}:{{ itemdetail1.type }}</p> |
| | | <el-divider></el-divider> |
| | | <p>{{ $t('common.size') }}:{{ stateFormatSizes(itemdetail1.sizes) }}</p> |
| | | <el-divider></el-divider> |
| | | <p>{{ $t('dataManage.vmobj.tab') }}:{{ itemdetail1.tab }}</p> |
| | | <el-divider></el-divider> |
| | | <p>{{ $t('dataManage.vmobj.row') }}:{{itemdetail1.rows }}</p> |
| | | <el-divider></el-divider> |
| | | <p>{{ $t('archiveObj.downloads') }}:{{ itemdetail1.downCount }} 次</p> |
| | | <el-divider></el-divider> |
| | |
| | | if (data.code != 200) { |
| | | this.$message.error('文件数据列表调用失败'); |
| | | } |
| | | |
| | | var val = data.result; |
| | | if (val) { |
| | | val = val.filter((res) => { |
| | |
| | | } |
| | | } |
| | | this.showTwoMenuFlag = res.id; |
| | | if (val != 'h') { |
| | | if (val != 'h' && res.id != "b9") { |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | | Viewer.entities.removeAll(); |
| | | } |
| | |
| | | case "b9": //地下模式 |
| | | // this.UndergroundMode = !this.UndergroundMode; |
| | | // window.sgworld.Analysis.UndergroundMode(this.UndergroundMode, 0.3); |
| | | this.$refs && |
| | | this.$refs.undergroundModel && |
| | | this.$refs.undergroundModel.open("地下模式", null,); |
| | | if (window.UndergroundMode) { |
| | | this.$refs && |
| | | this.$refs.undergroundModel && |
| | | this.$refs.undergroundModel.close(); |
| | | } else { |
| | | this.$refs && |
| | | this.$refs.undergroundModel && |
| | | this.$refs.undergroundModel.open("地下模式", null,); |
| | | } |
| | | |
| | | break; |
| | | } |
| | | }, |
| | |
| | | const res = await dataQuery_selectTabByEntity({ |
| | | name: this.$store.state.pickoption.name |
| | | }) |
| | | |
| | | if (res.code != 200) { |
| | | return; |
| | | } |
| | |
| | | if (data.code != 200) { |
| | | return |
| | | } |
| | | |
| | | var valste = data.result |
| | | |
| | | |
| | |
| | | zIndex: undefined, |
| | | }, |
| | | mapCollection: undefined, |
| | | mapList: [ |
| | | { |
| | | name: "天地图", |
| | | sourceType: "tdmap", |
| | | tokne: "94a34772eb88317fcbf8428e10448561", |
| | | maximumLevel: 18, |
| | | id: 1, |
| | | isShow: true, |
| | | list: [ |
| | | { |
| | | name: "天地图地图", |
| | | image: require("../../assets/img/imageLayer/tdmap_map.jpg"), |
| | | urls: "http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", |
| | | olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=' |
| | | }, |
| | | { |
| | | name: "天地图影像", |
| | | image: require("../../assets/img/imageLayer/tdmap_image.jpg"), |
| | | urls: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", |
| | | olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=' |
| | | }, |
| | | { |
| | | name: "天地图地形", |
| | | image: require("../../assets/img/imageLayer/tdmap_label.jpg"), |
| | | urls: "http://t0.tianditu.com/ter_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=ter&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", |
| | | olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=ter_w&x={x}&y={y}&l={z}&tk=' |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | name: "高德地图", |
| | | sourceType: "gdmap", |
| | | maximumLevel: 18, |
| | | id: 2, |
| | | isShow: true, |
| | | list: [ |
| | | { |
| | | name: "高德地图", |
| | | image: require("../../assets/img/imageLayer/gdmap_map.jpg"), |
| | | urls: "https://webst02.is.autonavi.com/appmaptile?style=7&x={x}&y={y}&z={z}", |
| | | }, |
| | | { |
| | | name: "高德影像", |
| | | image: require("../../assets/img/imageLayer/gdmap_image.jpg"), |
| | | urls: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}", |
| | | }, |
| | | mapList: [{ |
| | | name: "Cesium", |
| | | sourceType: "cesium", |
| | | tokne: "94a34772eb88317fcbf8428e10448561", |
| | | maximumLevel: 18, |
| | | id: 1, |
| | | isShow: true, |
| | | list: [{ |
| | | name: "Cesium影像", |
| | | image: require("../../assets/img/imageLayer/tdmap_image.jpg"), |
| | | |
| | | ], |
| | | }, { |
| | | name: '本地服务', |
| | | sourceType: 'localmap', |
| | | maximumLevel: 18, |
| | | id: 3, |
| | | isShow: true, |
| | | list: [ |
| | | { |
| | | name: "地图", |
| | | image: require("../../assets/img/imageLayer/gdmap_map.jpg"), |
| | | urls: "http://{host}/LFData/2d/tiles/vec/{z}/{x}/{y}.png", |
| | | }, |
| | | { |
| | | name: "影像", |
| | | image: require("../../assets/img/imageLayer/gdmap_image.jpg"), |
| | | urls: "http://{host}/LFData/2d/tiles/img/{z}/{x}/{y}.png", |
| | | }, |
| | | // { |
| | | // name: "地形", |
| | | // image: require("../../assets/img/imageLayer/tdmap_label.jpg"), |
| | | // urls: "http://{host}/LFData/2d/tiles/ter/{z}/{x}/{y}.png", |
| | | // }, |
| | | },], |
| | | }, |
| | | |
| | | ], |
| | | } |
| | | { |
| | | name: "天地图", |
| | | sourceType: "tdmap", |
| | | tokne: "94a34772eb88317fcbf8428e10448561", |
| | | maximumLevel: 18, |
| | | id: 1, |
| | | isShow: true, |
| | | list: [ |
| | | { |
| | | name: "天地图地图", |
| | | image: require("../../assets/img/imageLayer/tdmap_map.jpg"), |
| | | urls: "http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", |
| | | olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=' |
| | | }, |
| | | { |
| | | name: "天地图影像", |
| | | image: require("../../assets/img/imageLayer/tdmap_image.jpg"), |
| | | urls: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", |
| | | olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=' |
| | | }, |
| | | { |
| | | name: "天地图地形", |
| | | image: require("../../assets/img/imageLayer/tdmap_label.jpg"), |
| | | urls: "http://t0.tianditu.com/ter_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=ter&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=", |
| | | olUrls: 'http://t0.tianditu.gov.cn/DataServer?T=ter_w&x={x}&y={y}&l={z}&tk=' |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | name: "高德地图", |
| | | sourceType: "gdmap", |
| | | maximumLevel: 18, |
| | | id: 2, |
| | | isShow: true, |
| | | list: [ |
| | | { |
| | | name: "高德地图", |
| | | image: require("../../assets/img/imageLayer/gdmap_map.jpg"), |
| | | urls: "https://webst02.is.autonavi.com/appmaptile?style=7&x={x}&y={y}&z={z}", |
| | | }, |
| | | { |
| | | name: "高德影像", |
| | | image: require("../../assets/img/imageLayer/gdmap_image.jpg"), |
| | | urls: "https://webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}", |
| | | }, |
| | | |
| | | ], |
| | | }, { |
| | | name: '本地服务', |
| | | sourceType: 'localmap', |
| | | maximumLevel: 18, |
| | | id: 3, |
| | | isShow: true, |
| | | list: [ |
| | | { |
| | | name: "地图", |
| | | image: require("../../assets/img/imageLayer/gdmap_map.jpg"), |
| | | urls: "http://{host}/LFData/2d/tiles/vec/{z}/{x}/{y}.png", |
| | | }, |
| | | { |
| | | name: "影像", |
| | | image: require("../../assets/img/imageLayer/gdmap_image.jpg"), |
| | | urls: "http://{host}/LFData/2d/tiles/img/{z}/{x}/{y}.png", |
| | | }, |
| | | { |
| | | name: "地形", |
| | | image: require("../../assets/img/imageLayer/tdmap_label.jpg"), |
| | | urls: "http://{host}/LFData/2d/tiles/ter/{z}/{x}/{y}.png", |
| | | }, |
| | | |
| | | ], |
| | | } |
| | | |
| | | ], |
| | | }; |
| | |
| | | this.removeImageLayer(); |
| | | |
| | | this.mapCollection = mapCollection; |
| | | |
| | | if (mapCollection.sourceType === "tdmap") { |
| | | if (mapCollection.sourceType === "cesium") { |
| | | return; |
| | | } else if (mapCollection.sourceType === "tdmap") { |
| | | var tokne = mapCollection.tokne; |
| | | //添加天地图影像 |
| | | |
| | |
| | | window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider( |
| | | new Cesium.UrlTemplateImageryProvider({ |
| | | url: map.urls, |
| | | maximumLevel: this.data.maximumLevel, |
| | | maximumLevel: 18, |
| | | }) |
| | | ); |
| | | |
| | |
| | | window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider( |
| | | new Cesium.UrlTemplateImageryProvider({ |
| | | url: ulr, |
| | | maximumLevel: this.data.maximumLevel, |
| | | maximumLevel: 18, |
| | | }) |
| | | ); |
| | | |
| | |
| | | > |
| | | <slot></slot> |
| | | </div> |
| | | <div class="popupBtn" v-if="showBtn"> |
| | | <div |
| | | class="popupBtn" |
| | | v-if="showBtn" |
| | | > |
| | | <div v-if="btnArr && btnArr.length"> |
| | | <el-button |
| | | v-for="item in btnArr" |
| | |
| | | size="mini" |
| | | :type="item.type" |
| | | @click="item.fun" |
| | | >{{ item.name }}</el-button |
| | | > |
| | | >{{ item.name }}</el-button> |
| | | </div> |
| | | <div v-else> |
| | | <el-button size="mini" @click="cancel">取消</el-button> |
| | | <el-button type="primary" size="mini" @click="yes" |
| | | >确定</el-button |
| | | > |
| | | <el-button |
| | | size="mini" |
| | | @click="cancel" |
| | | >取消</el-button> |
| | | <el-button |
| | | type="primary" |
| | | size="mini" |
| | | @click="yes" |
| | | >确定</el-button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | close() { |
| | | this.showBox = false; |
| | | this.$emit("close"); |
| | | if (window.UndergroundMode) { |
| | | window.sgworld.Analysis.UndergroundMode(false, 0); |
| | | window.UndergroundMode = null; |
| | | } |
| | | }, |
| | | yes() { |
| | | this.$emit("yes"); |
| | |
| | | </template> |
| | | <script> |
| | | import Popup from "./Popup.vue"; |
| | | let UndergroundMode; |
| | | |
| | | export default { |
| | | name: "undergroundModel", |
| | | components: { |
| | |
| | | methods: { |
| | | // 关闭弹窗 |
| | | close() { |
| | | this.form.open = false; |
| | | this.openChange() |
| | | this.$refs.pop.close(); |
| | | }, |
| | | // 打开弹窗 |
| | | open() { |
| | | this.$refs.pop.open(); |
| | | this.form.open = true; |
| | | this.openChange() |
| | | }, |
| | | // 开关开关 |
| | | openChange() { |
| | |
| | | // type: "success", |
| | | // duration: "3000", |
| | | // }); |
| | | UndergroundMode = window.sgworld.Analysis.UndergroundMode(true, value); |
| | | UndergroundMode.grid = this.form.grid; |
| | | UndergroundMode.depth = this.form.depth; |
| | | window.UndergroundMode = window.sgworld.Analysis.UndergroundMode(true, value); |
| | | window.UndergroundMode.grid = this.form.grid; |
| | | window.UndergroundMode.depth = this.form.depth; |
| | | } else { |
| | | window.sgworld.Analysis.UndergroundMode(false, value); |
| | | UndergroundMode = null; |
| | | window.UndergroundMode = null; |
| | | // this.$notify({ |
| | | // title: "地下模式", |
| | | // message: "地下模式已关闭", |
| | |
| | | }, |
| | | // 开关开关 |
| | | gridChange() { |
| | | UndergroundMode && (UndergroundMode.grid = this.form.grid); |
| | | window.UndergroundMode && (window.UndergroundMode.grid = this.form.grid); |
| | | // if (this.form.grid) { |
| | | // this.$notify({ |
| | | // title: "地下模式", |
| | |
| | | // 滑块儿值调整 |
| | | alphaChange() { |
| | | let value = this.form.alpha / 100; |
| | | UndergroundMode && (UndergroundMode.alpha = value); |
| | | window.UndergroundMode && (window.UndergroundMode.alpha = value); |
| | | }, |
| | | // 滑块儿值调整 |
| | | depthChange() { |
| | | let value = this.form.depth; |
| | | UndergroundMode && (UndergroundMode.depth = value); |
| | | window.UndergroundMode && (window.UndergroundMode.depth = value); |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | x: wkt.coordinates[0], |
| | | y: wkt.coordinates[1], |
| | | }); |
| | | console.log(data.result); |
| | | |
| | | if (data.code == 200) { |
| | | for (var i in data.result) { |
| | | var key = data.result[i].key; |
| | |
| | | treeData: [], |
| | | arrList: [], |
| | | layername: [ |
| | | 1, 2, 5, 13, 15, 31 |
| | | 1, 2, 5, 13, 15, 16, 31 |
| | | ], |
| | | defaultProps: { |
| | | children: "children", |
| | |
| | | val_data.push(this.tableData[i].ename) |
| | | } |
| | | if (this.isActive) { |
| | | val_data.push("矢量图") |
| | | val_data.push("高德矢量") |
| | | } else { |
| | | val_data.push("影像注记") |
| | | val_data.push("影像图") |
| | | // val_data.push("影像注记") |
| | | val_data.push("高德影像") |
| | | } |
| | | this.setExportMapLayer(val_data) |
| | | this.showMapApply = false |
| | |
| | | |
| | | if (str == 0 && nodes == true) { |
| | | this.showMapLayer(data) |
| | | this.tableData.push({ |
| | | name: data.cnName, |
| | | ename: data.enName, |
| | | }) |
| | | // this.tableData.push({ |
| | | // name: data.cnName, |
| | | // ename: data.enName, |
| | | // }) |
| | | } |
| | | |
| | | // this.tableData = this.arrList |