| | |
| | | var isWeb = false; |
| | | var is_production = false;//夿æ¯å¦ä¸ºç产ç¯å¢ //192.168.21.194 |
| | | |
| | | var webHost = isWeb ? "103.85.165.99" + ":8052" : '192.168.20.205' + ":8088"; |
| | | // var webHost = isWeb ? "103.85.165.99" + ":8052" : '192.168.21.194' + ":12316"; |
| | | // var webHost = isWeb ? "103.85.165.99" + ":8052" : '192.168.20.205' + ":8088"; |
| | | var webHost = isWeb ? "103.85.165.99" + ":8052" : '192.168.20.106' + ":12316"; |
| | | |
| | | var fmeHost = isWeb ? "103.85.165.99" + ":8051" : '192.168.20.205' + ":88"; |
| | | |
| | |
| | | |
| | | |
| | | |
| | | export function getArcGis(params){ |
| | | return service.get('https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/?callback=loadJsonp940826&f=json', { params: params }); |
| | | } |
| | | |
| | |
| | | |
| | | <script> |
| | | let yunxuanLayer = null |
| | | import mapMenu from '../js/index.js' |
| | | export default { |
| | | name: "", |
| | | components: {}, |
| | |
| | | // }) |
| | | }, |
| | | methods: { |
| | | init3DMap() { |
| | | //å°å¾åå§å |
| | | // window.sgworld = new SmartEarth.SGWorld("Centermapdiv", { |
| | | // licenseServer: window.sceneConfig.licenseServer, |
| | | // }) |
| | | // window.sgworld = new SmartEarth.SGWorld( |
| | | // "Centermapdiv", |
| | | // function () { } |
| | | // ) |
| | | window.sgworld = new SmartEarth.SGWorld("Centermapdiv", { |
| | | |
| | | licenseServer: window.sceneConfig.licenseServer, |
| | | }); |
| | | window.viewer = window.Viewer = window.sgworld._Viewer; |
| | | initData() { |
| | | if (is_production) { |
| | | Viewer.imageryLayers.removeAll(); |
| | | |
| | | |
| | | |
| | | } |
| | | // Viewer.imageryLayers._layers[0].show = false |
| | | sgworld.Navigate.jumpTo({ //跳转è§è§ |
| | |
| | | //èæ¯éæ |
| | | Viewer.scene.backgroundColor = new Cesium.Color(0.0, 0.0, 0.0, 0.0) |
| | | }, |
| | | init3DMap() { |
| | | //å°å¾åå§å |
| | | // window.sgworld = new SmartEarth.SGWorld("Centermapdiv", { |
| | | // licenseServer: window.sceneConfig.licenseServer, |
| | | // }) |
| | | // window.sgworld = new SmartEarth.SGWorld( |
| | | // "Centermapdiv", |
| | | // function () { } |
| | | // ) |
| | | window.sgworld = new SmartEarth.SGWorld("Centermapdiv", { |
| | | |
| | | licenseServer: window.sceneConfig.licenseServer, |
| | | }); |
| | | window.viewer = window.Viewer = window.sgworld._Viewer; |
| | | var data = mapMenu.init(); |
| | | data.then((res) => { |
| | | if (!res) { |
| | | mapMenu.addGaoDeMap(); |
| | | } |
| | | this.initData(); |
| | | }) |
| | | }, |
| | | }, |
| | | } |
| | | </script> |
| | |
| | | height: 100%; |
| | | width: 100%; |
| | | } |
| | | |
| | | #Centermapdiv { |
| | | height: 100%; |
| | | width: 100%; |
| | |
| | | data() { |
| | | return { |
| | | tableData: [ |
| | | { |
| | | date: "2016-05-02", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å·", |
| | | }, |
| | | { |
| | | date: "2016-05-04", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1517 å¼", |
| | | }, |
| | | { |
| | | date: "2016-05-01", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1519 å¼", |
| | | }, |
| | | { |
| | | date: "2016-05-03", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼", |
| | | }, |
| | | |
| | | ], |
| | | config: { |
| | | header: ["ç¼å·", "åç§°", "æä»¶æ°"], |
| | | data: [ |
| | | ["è¡1å1", "è¡1å2", "è¡1å3"], |
| | | ["è¡2å1", "è¡2å2", "è¡2å3"], |
| | | ["è¡3å1", "è¡3å2", "è¡3å3"], |
| | | ["è¡4å1", "è¡4å2", "è¡4å3"], |
| | | ["è¡5å1", "è¡5å2", "è¡5å3"], |
| | | ["è¡6å1", "è¡6å2", "è¡6å3"], |
| | | ["è¡7å1", "è¡7å2", "è¡7å3"], |
| | | ["è¡8å1", "è¡8å2", "è¡8å3"], |
| | | ["è¡9å1", "è¡9å2", "è¡9å3"], |
| | | ["è¡10å1", "è¡10å2", "è¡10å3"], |
| | | |
| | | ], |
| | | columnWidth: [40, 300, 50], |
| | | align: ["center"], |
| | |
| | | data() { |
| | | return { |
| | | tableData: [ |
| | | { |
| | | date: "2016-05-02", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å·", |
| | | }, |
| | | { |
| | | date: "2016-05-04", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1517 å¼", |
| | | }, |
| | | { |
| | | date: "2016-05-01", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1519 å¼", |
| | | }, |
| | | { |
| | | date: "2016-05-03", |
| | | name: "çå°è", |
| | | address: "䏿µ·å¸æ®éåºéæ²æ±è·¯ 1516 å¼", |
| | | }, |
| | | |
| | | ], |
| | | config: { |
| | | header: ["ç¼å·", "åç§°", "æä»¶æ°"], |
| | | data: [ |
| | | ["è¡1å1", "è¡1å2", "è¡1å3"], |
| | | ["è¡2å1", "è¡2å2", "è¡2å3"], |
| | | ["è¡3å1", "è¡3å2", "è¡3å3"], |
| | | ["è¡4å1", "è¡4å2", "è¡4å3"], |
| | | ["è¡5å1", "è¡5å2", "è¡5å3"], |
| | | ["è¡6å1", "è¡6å2", "è¡6å3"], |
| | | ["è¡7å1", "è¡7å2", "è¡7å3"], |
| | | ["è¡8å1", "è¡8å2", "è¡8å3"], |
| | | ["è¡9å1", "è¡9å2", "è¡9å3"], |
| | | ["è¡10å1", "è¡10å2", "è¡10å3"], |
| | | |
| | | ], |
| | | columnWidth: [40, 300, 50], |
| | | align: ["center"], |
¶Ô±ÈÐÂÎļþ |
| | |
| | | |
| | | const mapMenu = { |
| | | async init() { |
| | | var url = "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/?f=json"; // callback=loadJsonp |
| | | var flag; |
| | | $.ajax({ |
| | | type: "GET", |
| | | url: url, |
| | | data: null, |
| | | async: false, // 让Ajax忥 |
| | | timeout: 1500, |
| | | success: function (data) { |
| | | flag = true; |
| | | }, |
| | | error: function (e) { |
| | | flag = false; |
| | | } |
| | | }); |
| | | return flag; |
| | | }, |
| | | addGaoDeMap() { |
| | | Viewer.imageryLayers.removeAll(); |
| | | var base_ulr = window.sceneConfig.baseUrl; |
| | | if (base_ulr.indexOf('{host}') > -1) { |
| | | base_ulr = base_ulr.replace("{host}", iisHost) |
| | | } |
| | | Viewer.imageryLayers.addImageryProvider( |
| | | new Cesium.UrlTemplateImageryProvider({ |
| | | url: base_ulr, |
| | | maximumLevel: 5 |
| | | }) |
| | | ); |
| | | }, |
| | | } |
| | | export default mapMenu; |
| | |
| | | } from '../api/api' |
| | | import { getToken } from '@/utils/auth' |
| | | import * as echarts from "echarts" |
| | | import mapMenu from "./js/index"; |
| | | import axios from 'axios'; |
| | | export default { |
| | | name: "", |
| | |
| | | window.TerrainFlattening && window.TerrainFlattening.remove(); |
| | | } |
| | | }, |
| | | addGaoDeMap() { |
| | | Viewer.imageryLayers.removeAll(); |
| | | var base_ulr = window.sceneConfig.baseUrl; |
| | | if (base_ulr.indexOf('{host}') > -1) { |
| | | base_ulr = base_ulr.replace("{host}", iisHost) |
| | | } |
| | | Viewer.imageryLayers.addImageryProvider( |
| | | new Cesium.UrlTemplateImageryProvider({ |
| | | url: base_ulr, |
| | | maximumLevel: 5 |
| | | }) |
| | | ); |
| | | initData() { |
| | | |
| | | }, |
| | | init3DMap() { |
| | | var webKey = "94a34772eb88317fcbf8428e10448561"; |
| | | //å°å¾åå§å |
| | | window.sgworld = new SmartEarth.SGWorld("mapdiv", { |
| | | |
| | | licenseServer: window.sceneConfig.licenseServer, |
| | | }); |
| | | var url = "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/?callback=loadJsonp940826&f=json" |
| | | $.ajax({ |
| | | url: url, |
| | | timeout: 1500, // 请æ±è¶
æ¶æ¶é´ |
| | | async: true, |
| | | type: "GET", |
| | | success: (res) => { |
| | | console.log("å¨çº¿å°åè·åæå") |
| | | }, |
| | | error: (res) => { |
| | | console.log("å¨çº¿å°åè·è·å失败") |
| | | this.addGaoDeMap(); |
| | | } |
| | | }) |
| | | |
| | | |
| | | window.Viewer = window.sgworld._Viewer; |
| | | if (is_production) { |
| | | this.addGaoDeMap(); |
| | | mapMenu.addGaoDeMap(); |
| | | } |
| | | //å®ä½ |
| | | // sgworld.Navigate.jumpTo({ |
| | |
| | | window.terrainFlag = 'MPT' |
| | | window.elevationTool = new SmartEarth.ElevationTool(window.sgworld); |
| | | elevationTool.setContourColor("#F1D487"); |
| | | |
| | | this.$bus.$emit('addImageLayer', true); |
| | | }, |
| | | init3DMap() { |
| | | var webKey = "94a34772eb88317fcbf8428e10448561"; |
| | | //å°å¾åå§å |
| | | window.sgworld = new SmartEarth.SGWorld("mapdiv", { |
| | | |
| | | licenseServer: window.sceneConfig.licenseServer, |
| | | }); |
| | | window.Viewer = window.sgworld._Viewer; |
| | | if (is_production) { |
| | | this.initData(); |
| | | } else { |
| | | var data = mapMenu.init(); |
| | | data.then((res) => { |
| | | if (!res) { |
| | | mapMenu.addGaoDeMap(); |
| | | } |
| | | this.initData(); |
| | | }) |
| | | |
| | | } |
| | | |
| | | |
| | | }, |
| | | //dem忢 |
| | | changeTerrainLayer() { |
| | |
| | | this.listData.dirs = ""; |
| | | this.listData.types = "" |
| | | if (this.formInline.category.length != 0) { |
| | | this.listData.dirs += this.formInline.category.toString(); |
| | | // this.listData.dirs += this.formInline.category.toString(); |
| | | } |
| | | |
| | | var val_data = this.formInline.category; |
| | |
| | | this.listData.dirs = ""; |
| | | |
| | | if (this.formInline.category.length != 0) { |
| | | this.listData.dirs += this.formInline.category.toString(); |
| | | this.listData.types = this.formInline.category.toString(); |
| | | }else{ |
| | | this.listData.types=null; |
| | | } |
| | | if (this.formInline.item.length != 0) { |
| | | if (this.listData.dirs.length != 0) { |
| | |
| | | }, |
| | | //è·åèµæç±»å«æ°æ® |
| | | async getCategorySelectData() { |
| | | const data = await dataLib_selectDirTypes(); |
| | | if (data.code != 200) { |
| | | this.$message.error('èµæç±»å«å表è°ç¨å¤±è´¥'); |
| | | } |
| | | // const data = await dataLib_selectDirTypes(); |
| | | // if (data.code != 200) { |
| | | // this.$message.error('èµæç±»å«å表è°ç¨å¤±è´¥'); |
| | | // } |
| | | |
| | | this.categoryOptions = data.result; |
| | | this.categoryOptions = [ |
| | | {key:'åºç¡æµç»',value:'åºç¡æµç»'}, |
| | | {key:'åºç¡å°ç¾',value:'åºç¡å°ç¾'}, |
| | | {key:'åºç¡åå¯',value:'åºç¡åå¯'}, |
| | | {key:'åè§æ°æ®',value:'åè§æ°æ®'}, |
| | | {key:'ç®¡çæ°æ®',value:'ç®¡çæ°æ®'}, |
| | | {key:'æµç»ï¼ESVï¼',value:'æµç»ï¼ESVï¼'}, |
| | | {key:'åå¯ï¼EGEï¼',value:'åå¯ï¼EGEï¼'}, |
| | | {key:'å°ç¾ï¼EGDï¼',value:'å°ç¾ï¼EGDï¼'}, |
| | | {key:'æ´åºï¼EGDï¼',value:'æ´åºï¼EGDï¼'}, |
| | | ]; |
| | | }, |
| | | //å
³é®åæ¥è¯¢ |
| | | setSearchKeyWords() { |
| | |
| | | this.$store.state.treeData = null; |
| | | this.$store.state.checkedKeys = []; |
| | | // this.setCoverage("a1"); |
| | | this.layersStart(); |
| | | // this.layersStart(); |
| | | |
| | | this.$bus.$on('addImageLayer', (res)=>{ |
| | | if(res){ |
| | | this.layersStart(); |
| | | } |
| | | }); |
| | | |
| | | this.$bus.$on("setDialogInsertVisible", (res) => { |
| | | if (res == true) { |
| | |
| | | <div class="lalala tree-container"> |
| | | <el-form ref="form"> |
| | | <el-form-item> |
| | | <el-select |
| | | v-model="$store.state.pigCode" |
| | | clearable |
| | | filterable |
| | | style="width :100%" |
| | | @change="prjChanged" |
| | | placeholder="è¯·éæ©é¡¹ç®" |
| | | > |
| | | <el-option |
| | | v-for="item in menus" |
| | | :key="item.code" |
| | | :label="item.name" |
| | | :value="item.code" |
| | | > |
| | | <el-select v-model="$store.state.pigCode" clearable filterable style="width :100%" @change="prjChanged" |
| | | placeholder="è¯·éæ©é¡¹ç®"> |
| | | <el-option v-for="item in menus" :key="item.code" :label="item.name" :value="item.code"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-input |
| | | placeholder="è¾å
¥å
³é®åè¿è¡è¿æ»¤" |
| | | v-model="filterText" |
| | | class="search" |
| | | > |
| | | <el-input placeholder="è¾å
¥å
³é®åè¿è¡è¿æ»¤" v-model="filterText" class="search"> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-tree |
| | | ref="tree" |
| | | :data="treeData" |
| | | node-key="id" |
| | | show-checkbox |
| | | :props="defaultProps" |
| | | @node-click="handleLeftclick" |
| | | @node-contextmenu="rightClick" |
| | | @check="handleCheckChange" |
| | | :default-checked-keys="handleTreeCheck" |
| | | :expand-on-click-node="false" |
| | | :filter-node-method="filterNode" |
| | | > |
| | | <span |
| | | class="slot-t-node" |
| | | slot-scope="{ node, data }" |
| | | > |
| | | <el-tree ref="tree" :data="treeData" node-key="id" show-checkbox :props="defaultProps" @node-click="handleLeftclick" |
| | | @node-contextmenu="rightClick" @check="handleCheckChange" :default-checked-keys="handleTreeCheck" |
| | | :expand-on-click-node="false" :filter-node-method="filterNode"> |
| | | <span class="slot-t-node" slot-scope="{ node, data }"> |
| | | <span v-show="!data.isEdit"> |
| | | <span :class="[data.id >= 99 ? 'slot-t-node--label' : '']">{{ |
| | | node.label |
| | | }}</span> |
| | | node.label |
| | | }}</span> |
| | | </span> |
| | | <span v-show="data.isEdit"> |
| | | <el-input |
| | | class="slot-t-input" |
| | | size="mini" |
| | | autofocus |
| | | v-model="data.label" |
| | | :ref="'slotTreeInput' + data.id" |
| | | @blur.stop="nodeBlur(node, data)" |
| | | @keydown.native.enter="nodeBlur(node, data)" |
| | | ></el-input> |
| | | <el-input class="slot-t-input" size="mini" autofocus v-model="data.label" :ref="'slotTreeInput' + data.id" |
| | | @blur.stop="nodeBlur(node, data)" @keydown.native.enter="nodeBlur(node, data)"></el-input> |
| | | </span> |
| | | </span> |
| | | </el-tree> |
| | | <el-card |
| | | class="box-card" |
| | | ref="card" |
| | | :style="{ ...rightClickMenuStyle }" |
| | | v-show="menuVisible" |
| | | > |
| | | <div |
| | | class="edit" |
| | | @click="showLayerAttribute()" |
| | | v-if="showProp && !shwoHistogram" |
| | | > |
| | | <el-card class="box-card" ref="card" :style="{ ...rightClickMenuStyle }" v-show="menuVisible"> |
| | | <div class="edit" @click="showLayerAttribute()" v-if="showProp && !shwoHistogram"> |
| | | <i class="el-icon-tickets"></i> 屿§ |
| | | </div> |
| | | <div |
| | | class="edit" |
| | | @click="positioning()" |
| | | v-if="showLocal" |
| | | > |
| | | <div class="edit" @click="positioning()" v-if="showLocal"> |
| | | <i class="el-icon-tickets"></i> å®ä½ |
| | | </div> |
| | | <div |
| | | class="edit" |
| | | @click="pellucidity()" |
| | | v-if="showOpacity" |
| | | > |
| | | <div class="edit" @click="pellucidity()" v-if="showOpacity"> |
| | | <i class="el-icon-tickets"></i> éæåº¦ |
| | | </div> |
| | | <div |
| | | class="edit" |
| | | @click="histogram()" |
| | | v-show="shwoHistogram" |
| | | > |
| | | <div class="edit" @click="histogram()" v-show="shwoHistogram"> |
| | | <i class="el-icon-tickets"></i> é»åæ±ç¶å¾ |
| | | </div> |
| | | <div |
| | | class="edit" |
| | | v-show="shwoTileDown" |
| | | @click="tileDownload()" |
| | | > |
| | | <div class="edit" v-show="shwoTileDown" @click="tileDownload()"> |
| | | <i class="el-icon-download"></i> ç¦çä¸è½½ |
| | | </div> |
| | | <div |
| | | class="edit" |
| | | v-show="shwoAnnex" |
| | | @click="annexDownload()" |
| | | > |
| | | <div class="edit" v-show="shwoAnnex" @click="annexDownload()"> |
| | | <i class="el-icon-tickets"></i> éä»¶ |
| | | </div> |
| | | </el-card> |
| | |
| | | this.shwoTileDown = ["TMS", "DOM"].indexOf(object.serveType) > -1 && object.pubid; // ç¦çä¸è½½ |
| | | this.menuVisible = this.showProp || this.shwoHistogram || this.showLocal || this.showOpacity || this.shwoTileDown; // èå |
| | | this.shwoAnnex = ['DEM', 'TMS'].indexOf(object.serveType) > -1;//éä»¶ |
| | | this.$refs.card.$el.style.left = event.pageX + 20 + "px"; |
| | | |
| | | |
| | | var left = window.innerWidth - 140; |
| | | var pageLeft = event.pageX + 20 |
| | | if(pageLeft>left){ |
| | | pageLeft = left - 25 |
| | | } |
| | | |
| | | this.$refs.card.$el.style.left =pageLeft+ "px"; |
| | | this.$refs.card.$el.style.top = event.pageY + "px"; |
| | | }, |
| | | // 屿§æ¾ç¤º |
| | |
| | | </script> |
| | | <style scoped lang="less"> |
| | | /* ç¹å»èç¹æ¶çéä¸é¢è² */ |
| | | .tree-container /deep/.el-tree-node.is-current > .el-tree-node__content { |
| | | .tree-container /deep/.el-tree-node.is-current>.el-tree-node__content { |
| | | color: #409eff !important; |
| | | } |
| | | |
| | |
| | | padding-left: 16px; |
| | | } |
| | | |
| | | .tree-container /deep/ .el-tree > .el-tree-node:before { |
| | | .tree-container /deep/ .el-tree>.el-tree-node:before { |
| | | border-left: none; |
| | | } |
| | | |
| | | .tree-container /deep/ .el-tree > .el-tree-node:after { |
| | | .tree-container /deep/ .el-tree>.el-tree-node:after { |
| | | border-top: none; |
| | | } |
| | | |
| | | .tree-container /deep/ .el-tree > .el-tree-node:before { |
| | | .tree-container /deep/ .el-tree>.el-tree-node:before { |
| | | border-left: none; |
| | | } |
| | | |
| | | .tree-container /deep/ .el-tree > .el-tree-node:after { |
| | | .tree-container /deep/ .el-tree>.el-tree-node:after { |
| | | border-top: none; |
| | | } |
| | | |
| | |
| | | z-index: 8; |
| | | } |
| | | |
| | | .tree-container |
| | | /deep/ |
| | | .el-tree-node |
| | | .el-tree-node__children |
| | | .el-tree-node__content::before { |
| | | .tree-container /deep/ .el-tree-node .el-tree-node__children .el-tree-node__content::before { |
| | | border-left: 0px dashed #ccc; |
| | | height: 100%; |
| | | top: 0; |
| | |
| | | } |
| | | |
| | | .tree-container /deep/ .el-tree-node { |
| | | .is-leaf + .el-checkbox .el-checkbox__inner { |
| | | .is-leaf+.el-checkbox .el-checkbox__inner { |
| | | display: inline-block; |
| | | } |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | .tree-container |
| | | /deep/ |
| | | .el-tree-node |
| | | .el-tree-node__children |
| | | .el-tree-node__content::after { |
| | | .tree-container /deep/ .el-tree-node .el-tree-node__children .el-tree-node__content::after { |
| | | border-top: 0px dashed #ccc; |
| | | } |
| | | |
| | |
| | | /deep/.el-card__body { |
| | | padding: 10px !important; |
| | | |
| | | > div { |
| | | >div { |
| | | padding-bottom: 10px; |
| | | border-bottom: 1px solid #ccc; |
| | | |