From 4f55f7d94198eca8eba9ae6b85af19a07cac2f79 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 29 Apr 2022 17:23:55 +0800
Subject: [PATCH] 内容修改
---
src/components/orgNavBar/index.vue | 96 +++++++++++++++++++++++++++++++++++++++++------
1 files changed, 83 insertions(+), 13 deletions(-)
diff --git a/src/components/orgNavBar/index.vue b/src/components/orgNavBar/index.vue
index 99e1e32..bb43859 100644
--- a/src/components/orgNavBar/index.vue
+++ b/src/components/orgNavBar/index.vue
@@ -52,7 +52,8 @@
// 全景地址
'panoramaUrl',
'orgNavBarList',
- 'orgNavBarTitle'
+ 'orgNavBarTitle',
+ 'twoOrThree'
])
},
watch: {
@@ -63,9 +64,11 @@
global.viewer.addLayer(currentOrgLayer)
newData.forEach((item, index) => {
- const divIcon = new global.DC.DivIcon(
- new global.DC.Position(Number(item.longitude), Number(item.latitude), 0),
- `
+ let divIcon = null
+ if (this.twoOrThree == '三 维') {
+ divIcon = new global.DC.DivIcon(
+ new global.DC.Position(Number(item.longitude), Number(item.latitude), 0),
+ `
<div class="tag-entitys-box">
<div class="tag-content">
${item.navTitle}
@@ -75,7 +78,22 @@
</div>
</div>
`
- )
+ )
+ } else {
+ divIcon = new global.DC.DivIcon(
+ new global.DC.Position(Number(item.longitude), Number(item.latitude), 150),
+ `
+ <div class="tag-entitys-box">
+ <div class="tag-content">
+ ${item.navTitle}
+ </div>
+ <div class="tag-angle-content">
+ <img src="https://map.hit.edu.cn/images/tarrow_xq.png">
+ </div>
+ </div>
+ `
+ )
+ }
divIcon.attr.name = item.navTitle
@@ -83,6 +101,24 @@
})
} else {
this.removeLayer()
+ }
+ },
+ immediate: true
+ },
+ twoOrThree: {
+ handler (newData, oldData) {
+ if (newData == '三 维') {
+ if (currentOrgLayer != null) {
+ currentOrgLayer.eachOverlay((item) => {
+ item.position = new global.DC.Position(Number(item.position.lng), Number(item.position.lat), 0)
+ })
+ }
+ } else {
+ if (currentOrgLayer != null) {
+ currentOrgLayer.eachOverlay((item) => {
+ item.position = new global.DC.Position(Number(item.position.lng), Number(item.position.lat), 150)
+ })
+ }
}
},
immediate: true
@@ -175,9 +211,11 @@
currentOrgLayer.removeOverlay(layerIcon[0])
- const divIcon = new global.DC.DivIcon(
- new global.DC.Position(Number(param.longitude), Number(param.latitude), 0),
- `
+ let divIcon = null
+ if (this.twoOrThree == '三 维') {
+ divIcon = new global.DC.DivIcon(
+ new global.DC.Position(Number(param.longitude), Number(param.latitude), 0),
+ `
<div class="tag-entitys-box layer-entity-animation">
<div class="tag-content">
${param.navTitle}
@@ -187,7 +225,22 @@
</div>
</div>
`
- )
+ )
+ } else {
+ divIcon = new global.DC.DivIcon(
+ new global.DC.Position(Number(param.longitude), Number(param.latitude), 150),
+ `
+ <div class="tag-entitys-box layer-entity-animation">
+ <div class="tag-content">
+ ${param.navTitle}
+ </div>
+ <div class="tag-angle-content">
+ <img src="https://map.hit.edu.cn/images/tarrow_xq.png">
+ </div>
+ </div>
+ `
+ )
+ }
divIcon.attr.name = param.navTitle
@@ -198,9 +251,11 @@
currentOrgLayer.removeOverlay(layerIcon[0])
- const divIcon = new global.DC.DivIcon(
- new global.DC.Position(Number(param.longitude), Number(param.latitude), 0),
- `
+ let divIcon = null
+ if (this.twoOrThree == '三 维') {
+ divIcon = new global.DC.DivIcon(
+ new global.DC.Position(Number(param.longitude), Number(param.latitude), 0),
+ `
<div class="tag-entitys-box">
<div class="tag-content">
${param.navTitle}
@@ -210,7 +265,22 @@
</div>
</div>
`
- )
+ )
+ } else {
+ divIcon = new global.DC.DivIcon(
+ new global.DC.Position(Number(param.longitude), Number(param.latitude), 150),
+ `
+ <div class="tag-entitys-box">
+ <div class="tag-content">
+ ${param.navTitle}
+ </div>
+ <div class="tag-angle-content">
+ <img src="https://map.hit.edu.cn/images/tarrow_xq.png">
+ </div>
+ </div>
+ `
+ )
+ }
divIcon.attr.name = param.navTitle
--
Gitblit v1.9.3