From e897fc3d35f8e5dfa56d5f0c80a655ccf99202cf Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期四, 09 五月 2024 11:06:43 +0800
Subject: [PATCH] 代码更新
---
src/views/Tools/AddOnlineMap.vue | 146 ++++++++++++++++++++++++++++--------------------
1 files changed, 84 insertions(+), 62 deletions(-)
diff --git a/src/views/Tools/AddOnlineMap.vue b/src/views/Tools/AddOnlineMap.vue
index e5ee2cc..0a9e932 100644
--- a/src/views/Tools/AddOnlineMap.vue
+++ b/src/views/Tools/AddOnlineMap.vue
@@ -1,26 +1,47 @@
<template>
- <Popup ref="pop" :title="title" @close="close(true)" width="400px" @yes="addData" @cancel="close(false)">
+ <Popup ref="pop"
+ :title="title"
+ @close="close(true)"
+ width="400px"
+ @yes="addData"
+ @cancel="close(false)">
- <div id="archTopBox" class="archTopBox">
+ <div id="archTopBox"
+ class="archTopBox">
- <div class="boxCard" v-for="(item, index) in mapList">
+ <div class="boxCard"
+ v-for="(item, index) in mapList">
<el-card class="box-card">
- <div slot="header" class="clearfix">
+ <div slot="header"
+ class="clearfix">
<span style="font-size:14px">{{ item.name }}</span>
<div style="float: right; padding: 3px 0">
- <i v-show="!item.isShow" style="margin-left:10px" class="el-icon-arrow-up" :title="$t('archiveObj.fold')"
- @click="setCardChange(item)"></i>
- <i v-show="item.isShow" style="margin-left:10px" class="el-icon-arrow-down"
- :title="$t('archiveObj.develop')" @click="setCardChange(item)"></i>
+ <i v-show="!item.isShow"
+ style="margin-left:10px"
+ class="el-icon-arrow-up"
+ :title="$t('archiveObj.fold')"
+ @click="setCardChange(item)"></i>
+ <i v-show="item.isShow"
+ style="margin-left:10px"
+ class="el-icon-arrow-down"
+ :title="$t('archiveObj.develop')"
+ @click="setCardChange(item)"></i>
</div>
</div>
- <div :id="item.id" style="margin:5px 1px" v-show="!item.isShow">
+ <div :id="item.id"
+ style="margin:5px 1px"
+ v-show="!item.isShow">
<div style="margin:10px;width:380px">
- <div class="map" v-for="(map, mapIndex) in item.list" @click="addImageLayer(map, item)">
- <img style="width: 60px; height: 60px" :src="map.image"></img>
- <div> <el-link :underline="false">
+ <div class="map"
+ v-for="(map, mapIndex) in item.list"
+ @click="addImageLayer(map, item)">
+ <img style="width: 60px; height: 60px"
+ :src="map.image"></img>
+ <div>
+ <el-link :underline="false">
{{ map.name }}
- </el-link></div>
+ </el-link>
+ </div>
</div>
</div>
</div>
@@ -44,7 +65,7 @@
Popup,
},
mixins: [],
- data() {
+ data () {
return {
title: "3D鍦ㄧ嚎鍦板浘",
left: undefined,
@@ -64,122 +85,123 @@
};
},
computed: {
- activeNames() {
+ activeNames () {
return this.mapList.map((item) => {
return item.name;
});
},
},
methods: {
- setCardChange(res) {
- res.isShow = !res.isShow
+ setCardChange (res) {
+ res.isShow=!res.isShow
},
// 鍏抽棴寮圭獥
- close(isCloseBtn, removeLayer = true) {
+ close (isCloseBtn,removeLayer=true) {
// removeLayer && this.removeImageLayer();
// 閲嶇疆data鍊�
- Object.assign(this.$data, this.$options.data());
- !isCloseBtn && this.$refs.pop.close();
+ Object.assign(this.$data,this.$options.data());
+ !isCloseBtn&&this.$refs.pop.close();
},
// 鎵撳紑寮圭獥
- open() {
+ open () {
this.close(true);
this.$refs.pop.open();
},
- changeToken(token) {
- this.mapCollection.tokne = token;
+ changeToken (token) {
+ this.mapCollection.tokne=token;
},
- removeImageLayer() {
+ removeImageLayer () {
// window.BaseMapLayer && window.BaseMapLayer.deleteObject();
// window.BaseMapLayer = undefined;
window.Viewer.imageryLayers.remove(
window.BaseMapLayer
);
-
- },
- addImageLayer(map, mapCollection) {
- if (
- this.data.name === map.name &&
- (this.data.urls === map.urls || this.data.urls === mapCollection.urls)
+ },
+ addImageLayer (map,mapCollection) {
+
+ if(
+ this.data.name===map.name&&
+ (this.data.urls===map.urls||this.data.urls===mapCollection.urls)
) {
return;
}
this.removeImageLayer();
- this.mapCollection = mapCollection;
- if (mapCollection.sourceType === "cesium") {
-
- return;
- } else if (mapCollection.sourceType === "tdmap") {
+ this.mapCollection=mapCollection;
+ if(mapCollection.sourceType==="cesium") {
- var tokne = mapCollection.tokne;
+ return;
+ } else if(mapCollection.sourceType==="tdmap") {
+
+ var tokne=mapCollection.tokne;
//娣诲姞澶╁湴鍥惧奖鍍�
- window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
- url: map.urls + tokne,
+ window.BaseMapLayer=Viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
+ url: map.urls+tokne,
layer: "tdtImgLayer",
style: "default",
format: "image/jpeg",
tileMatrixSetID: "GoogleMapsCompatible",
}))
-
- } else if (mapCollection.sourceType === "gdmap") {
- window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider(
+ } else if(mapCollection.sourceType==="gdmap") {
+
+ window.BaseMapLayer=Viewer.imageryLayers.addImageryProvider(
new Cesium.UrlTemplateImageryProvider({
url: map.urls,
maximumLevel: 22,
})
);
-
- } else if (mapCollection.sourceType === "localmap") {
- var ulr = map.urls;
- ulr = ulr.replace("{host}", iisHost)
- window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider(
+ } else if(mapCollection.sourceType==="localmap") {
+ var ulr=map.urls;
+ console.log(iisHost)
+ ulr=ulr.replace("{host}",iisHost)
+
+ window.BaseMapLayer=Viewer.imageryLayers.addImageryProvider(
new Cesium.UrlTemplateImageryProvider({
url: ulr,
maximumLevel: 22,
})
);
-
+
}
Viewer.imageryLayers.lowerToBottom(window.BaseMapLayer);//灏嗗浘灞傜Щ鍒版渶搴曞眰
Viewer.imageryLayers.raise(window.BaseMapLayer);//灏嗗浘灞傜Щ鍒版渶搴曞眰
- if (is_production) {
+ if(is_production) {
Viewer.imageryLayers.raise(window.BaseMapLayer);//灏嗗浘灞備笂绉讳竴灞�
}
},
// 娣诲姞鏁版嵁
- addData() {
- if (this.data.urls && this.data.sourceType) {
- let data = {
+ addData () {
+ if(this.data.urls&&this.data.sourceType) {
+ let data={
id: window.sgworld.Core.getuid(),
...this.data,
- Level: [0, 26],
+ Level: [0,26],
};
- if (data.sourceType === "tdmap") {
- data.urls += "&tk=" + this.tokne;
- } else if (data.sourceType === "bdmap") {
- data.style = this.mapCollection.style;
+ if(data.sourceType==="tdmap") {
+ data.urls+="&tk="+this.tokne;
+ } else if(data.sourceType==="bdmap") {
+ data.style=this.mapCollection.style;
}
- if (this.mapCollection.GCJ02) {
- data.GCJ02 = true;
+ if(this.mapCollection.GCJ02) {
+ data.GCJ02=true;
}
- data.item = window.BaseMapLayer;
- window.BaseMapLayer = undefined;
+ data.item=window.BaseMapLayer;
+ window.BaseMapLayer=undefined;
- this.$emit("success", data);
- this.close(false, false);
+ this.$emit("success",data);
+ this.close(false,false);
} else {
this.$message("璇烽�夋嫨鍦板浘");
}
--
Gitblit v1.9.3