From 681ee627e9f550428991ef07a8df494dcaba68ea Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Thu, 10 Mar 2022 11:37:34 +0800
Subject: [PATCH] +样式调整，增加底部按钮2个一个定位一个重置视角，去除左侧重置视角
---
src/store/modules/popupParams.js | 143 +++++++++++++++++++++++++++++++++++++----------
1 files changed, 112 insertions(+), 31 deletions(-)
diff --git a/src/store/modules/popupParams.js b/src/store/modules/popupParams.js
index d8dd881..782c9dc 100644
--- a/src/store/modules/popupParams.js
+++ b/src/store/modules/popupParams.js
@@ -33,70 +33,70 @@
},
mutations: {
...leftNavsData.mutations,
- SET_POPUPBGURL (state, popupBgUrl) {
+ SET_POPUPBGURL(state, popupBgUrl) {
// console.log(popupBgUrl, "see33333")
if (!popupBgUrl) {
return
}
state.popupBgUrl = popupBgUrl
},
- SET_POPUPQRURL (state, pupupQRUrl) {
+ SET_POPUPQRURL(state, pupupQRUrl) {
state.pupupQRUrl = pupupQRUrl
},
- SET_TERMINUS (state, terminus) {
+ SET_TERMINUS(state, terminus) {
state.terminus = terminus
},
- SET_STARTINGPOINT (state, startingPoint) {
+ SET_STARTINGPOINT(state, startingPoint) {
state.startingPoint = startingPoint
},
- SET_POINTPOSITION (state, pointPosition) {
+ SET_POINTPOSITION(state, pointPosition) {
state.pointPosition = pointPosition
},
- SET_STATENAME (state, stateName) {
+ SET_STATENAME(state, stateName) {
state.stateName = stateName
},
- SET_SITENAME (state, siteName) {
+ SET_SITENAME(state, siteName) {
state.siteName = siteName
},
- SET_TELEPHONE (state, telephone) {
+ SET_TELEPHONE(state, telephone) {
state.telephone = telephone
},
- SET_INTRODUCETEXT (state, introduceText) {
+ SET_INTRODUCETEXT(state, introduceText) {
state.introduceText = introduceText
},
- SET_PANORAMAURL (state, panoramaUrl) {
+ SET_PANORAMAURL(state, panoramaUrl) {
state.panoramaUrl = panoramaUrl
},
- SET_PANORAMAPOPUP (state, panoramaPopup) {
+ SET_PANORAMAPOPUP(state, panoramaPopup) {
state.panoramaPopup = panoramaPopup
},
- SET_MONITORURL (state, monitorUrl) {
+ SET_MONITORURL(state, monitorUrl) {
state.monitorUrl = monitorUrl
},
- SET_MONITORPOPUP (state, monitorPopup) {
+ SET_MONITORPOPUP(state, monitorPopup) {
state.monitorPopup = monitorPopup
},
- SET_DETAILSPOPUP (state, detailsPopup) {
+ SET_DETAILSPOPUP(state, detailsPopup) {
state.detailsPopup = detailsPopup
},
- SET_POPUPIMGATLAS (state, popupImgAtlas) {
+ SET_POPUPIMGATLAS(state, popupImgAtlas) {
state.popupImgAtlas = popupImgAtlas
},
- SET_TEACHLIST (state, teachList) {
+ SET_TEACHLIST(state, teachList) {
state.teachList = teachList
},
- SET_LIVELIST (state, liveList) {
+ SET_LIVELIST(state, liveList) {
state.liveList = liveList
},
- SET_ADDTAGPOPUP (state, addTagPopup) {
+ SET_ADDTAGPOPUP(state, addTagPopup) {
state.addTagPopup = addTagPopup
},
- SET_ADDTAGPOSITION (state, addTagPosition) {
+ SET_ADDTAGPOSITION(state, addTagPosition) {
state.addTagPosition = addTagPosition
},
- initLabelLayer (state, val) {
+ initLabelLayer(state, val) {
if (!state.labelLayer) {
state.labelLayer = new global.DC.HtmlLayer('labelLayer')
val.addLayer(state.labelLayer)
@@ -104,12 +104,12 @@
state.myviewer = val
},
- clearLabelLayerIcon (state, val) {
+ clearLabelLayerIcon(state, val) {
if (state.labelLayer) {
state.labelLayer.clear()
}
},
- openLabelLayer (state, val) {
+ openLabelLayer(state, val) {
// console.log(val, "see")
if (val.show) {
state.nowlabelLayerData = val.data
@@ -119,7 +119,7 @@
state.labelLayerDataShow = false
}
},
- CLEAR_ALL (state, param) {
+ CLEAR_ALL(state, param) {
state.siteName = param
state.introduceText = param
state.telephone = param
@@ -129,13 +129,13 @@
state.teachList = []
state.liveList = []
},
- set_closeMapClick (state, val) {
+ set_closeMapClick(state, val) {
state.closeMapClick = val
}
},
actions: {
...leftNavsData.actions,
- openPopups ({
+ openPopups({
state,
commit,
dispatch
@@ -168,7 +168,7 @@
viewer: this.viewer
})
},
- setOurDataInPoput ({
+ setOurDataInPoput({
state,
commit,
dispatch
@@ -197,7 +197,7 @@
])
commit('SET_DETAILSPOPUP', true)
},
- pcMoveView ({
+ pcMoveView({
state,
commit,
dispatch
@@ -219,18 +219,18 @@
}
})
},
- pcFlyView ({
+ pcFlyView({
state,
commit,
dispatch
}, val) {
val.viewer.flyToPosition(
new global.DC.Position(Number(val.jd), Number(val.wd), Number(300), Number(0), Number(-90), Number(0)),
- function () { },
+ function () {},
2
)
},
- addLabelLayerIcon ({
+ addLabelLayerIcon({
state,
commit,
dispatch
@@ -305,8 +305,89 @@
})
state.labelLayer.addOverlay(divIcon)
}
+ },
+ addLabelLayerIconMobelUse({
+ state,
+ commit,
+ dispatch
+ }, val) {
+ const list = val.list
+ if (!state.labelLayer) {
+ state.labelLayer = new global.DC.HtmlLayer('labelLayer')
+ val.mviewer.addLayer(state.labelLayer);
+ state.myviewer = val.mviewer;
+ }
+ if (val.clear) {
+ // state.labelLayer.remove();
+ state.labelLayer.clear()
+ }
+ if (val.add) { // 刷新列表
+ state.addSignList = !state.addSignList
+ return
+ }
+ for (const i in list) {
+ const divIcon = new global.DC.DivIcon(
+ new global.DC.Position(
+ Number(list[i].jd),
+ Number(list[i].wd),
+ 0
+ ),
+ `
+ <div class="tag-entitys-box">
+ <div class="tag-content">
+ ${list[i].name}
+ </div>
+ <div class="tag-angle-content">
+ <img src="https://map.hit.edu.cn/images/tarrow_xq.png">
+ </div>
+ </div>
+ `
+ )
+ // 订阅事件
+ divIcon.on(global.DC.MouseEventType.CLICK, (e) => {
+ // console.log(e);
+ // return;
+ // 定制化窗体
+ const position = e.position
+ const lntLat = [e.overlay._position._lng, e.overlay._position._lat]
+ // console.log(position, lntLat, list[i], state.myviewer, "see")
+ new global.DC.DivForms(state.myviewer, {
+ domId: 'labelLayerid',
+ position: [
+ global.DC.Transform.transformWGS84ToCartesian(
+ new global.DC.Position(
+ Number(lntLat[0]),
+ Number(lntLat[1]),
+ Number(0)
+ )
+ )
+ ]
+ })
+ state.myviewer.camera.setView({
+ // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
+ // fromDegrees()方法，将经纬度和高程转换为世界坐标
+ destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
+ lntLat[0],
+ lntLat[1],
+ 400.0
+ ),
+ orientation: {
+ // 指向
+ heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
+ // 视角
+ pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
+ roll: 0.0
+ }
+ })
+ commit('openLabelLayer', {
+ show: true,
+ data: list[i]
+ })
+ })
+ state.labelLayer.addOverlay(divIcon)
+ }
}
}
}
-export default popupParams
+export default popupParams
\ No newline at end of file
--
Gitblit v1.9.3