This commit is contained in:
liqi 2025-04-18 20:29:22 +08:00
parent 4777a9c959
commit 093f6695a4
2 changed files with 27 additions and 18 deletions

View File

@ -28,7 +28,7 @@
<img <img
src="@/assets/img/positionTitle.png" src="@/assets/img/positionTitle.png"
alt="" alt=""
@click="handleTitleClick(true, 'all')" @click="handleTitleClick(true, 'all', 'click')"
/> />
</div> </div>
<ul :style="ulStyle"> <ul :style="ulStyle">
@ -122,7 +122,7 @@ export default {
this.positionData = newPositions; this.positionData = newPositions;
this.homeView = this.homeData; this.homeView = this.homeData;
this.$nextTick(() => { this.$nextTick(() => {
this.handleTitleClick(true, "all"); this.handleTitleClick(true, "all", "function");
}); });
} }
}, },
@ -157,7 +157,7 @@ export default {
handleContractClick() { handleContractClick() {
this.isContracted = !this.isContracted; // this.isContracted = !this.isContracted; //
}, },
handleTitleClick(show, type) { handleTitleClick(show, type, value) {
if (type === "all") { if (type === "all") {
// //
const allData = this.positionData.flatMap((item) => item.devices || []); const allData = this.positionData.flatMap((item) => item.devices || []);
@ -195,6 +195,15 @@ export default {
console.log(this.positionData, "this.positionData"); console.log(this.positionData, "this.positionData");
let positionData = this.processGeojsonData(this.positionData); let positionData = this.processGeojsonData(this.positionData);
allPositions(positionData, show, "all"); // allPositions(positionData, show, "all"); //
if (value === "click") {
let position = window.mapConfig;
window.marsMap.setCameraView({
lat: position.allPositionLon,
lng: position.allPositionLat,
alt: position.allPositionAlt + 800,
pitch: position.allPositionPitch
});
}
}, },
handlePositionClick(value) { handlePositionClick(value) {
console.log(value, "value"); console.log(value, "value");
@ -230,7 +239,7 @@ export default {
state: stats.online state: stats.online
}) })
); );
this.handleTitleClick(false, "one"); this.handleTitleClick(false, "one", "function");
let positionData = this.processGeojsonData([value]); let positionData = this.processGeojsonData([value]);
allPositions(positionData, true, "one", value); // allPositions(positionData, true, "one", value); //
let deviceData = this.positionData.find((item) => item.id === value.id); let deviceData = this.positionData.find((item) => item.id === value.id);

View File

@ -63,23 +63,23 @@ export function allPositions(options, show, type, value) {
popup: item.name popup: item.name
}); });
window.marsMap.addLayer(graphics); window.marsMap.addLayer(graphics);
let position = window.mapConfig; // let position = window.mapConfig;
window.marsMap.setCameraView({ // window.marsMap.setCameraView({
lat: position.allPositionLon, // lat: position.allPositionLon,
lng: position.allPositionLat, // lng: position.allPositionLat,
alt: position.allPositionAlt + 800, // alt: position.allPositionAlt + 800,
pitch: position.allPositionPitch // pitch: position.allPositionPitch
}); // });
} else { } else {
graphics.show = show; graphics.show = show;
if (type === "all") { if (type === "all") {
let position = window.mapConfig; // let position = window.mapConfig;
window.marsMap.setCameraView({ // window.marsMap.setCameraView({
lat: position.allPositionLon, // lat: position.allPositionLon,
lng: position.allPositionLat, // lng: position.allPositionLat,
alt: position.allPositionAlt + 800, // alt: position.allPositionAlt + 800,
pitch: position.allPositionPitch // pitch: position.allPositionPitch
}); // });
} else { } else {
graphics.flyTo(); graphics.flyTo();
console.log(value, item, "valueitem"); console.log(value, item, "valueitem");