|
|
@ -9,15 +9,15 @@
|
|
|
|
<div class="uav-model">
|
|
|
|
<div class="uav-model">
|
|
|
|
<div class="uav-model3d">
|
|
|
|
<div class="uav-model3d">
|
|
|
|
<vue3dLoader
|
|
|
|
<vue3dLoader
|
|
|
|
:width="200"
|
|
|
|
:width="200"
|
|
|
|
:height="200"
|
|
|
|
:height="200"
|
|
|
|
:showFps="false"
|
|
|
|
:showFps="false"
|
|
|
|
filePath="https://data.mars3d.cn/gltf/mars/wrj.glb"
|
|
|
|
filePath="https://data.mars3d.cn/gltf/mars/wrj.glb"
|
|
|
|
:backgroundAlpha="0"
|
|
|
|
:backgroundAlpha="0"
|
|
|
|
@load="onLoad()"
|
|
|
|
@load="onLoad()"
|
|
|
|
:lights="lights"
|
|
|
|
:lights="lights"
|
|
|
|
:cameraPosition="{ x: 1500, y:1000, z: 500}"
|
|
|
|
:cameraPosition="{ x: 1500, y: 1000, z: 500 }"
|
|
|
|
:rotation="rotation"
|
|
|
|
:rotation="rotation"
|
|
|
|
></vue3dLoader>
|
|
|
|
></vue3dLoader>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="model-bg"></div>
|
|
|
|
<div class="model-bg"></div>
|
|
|
@ -71,18 +71,18 @@
|
|
|
|
<div class="contain-grid">
|
|
|
|
<div class="contain-grid">
|
|
|
|
<div class="grid-item">
|
|
|
|
<div class="grid-item">
|
|
|
|
<div class="grid-item-content">
|
|
|
|
<div class="grid-item-content">
|
|
|
|
{{ uavStore.params.lat.toFixed(3) }}
|
|
|
|
{{ uavStore.params.lng.toFixed(3) }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid-item-footer">
|
|
|
|
<div class="grid-item-footer">
|
|
|
|
纬度 <span class="unit-name">(°)</span>
|
|
|
|
经度 <span class="unit-name">(°)</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid-item">
|
|
|
|
<div class="grid-item">
|
|
|
|
<div class="grid-item-content">
|
|
|
|
<div class="grid-item-content">
|
|
|
|
{{ uavStore.params.lng.toFixed(3) }}
|
|
|
|
{{ uavStore.params.lat.toFixed(3) }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid-item-footer">
|
|
|
|
<div class="grid-item-footer">
|
|
|
|
经度 <span class="unit-name">(°)</span>
|
|
|
|
纬度 <span class="unit-name">(°)</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid-item">
|
|
|
|
<div class="grid-item">
|
|
|
@ -145,7 +145,6 @@ lights.value = [
|
|
|
|
type: "AmbientLight",
|
|
|
|
type: "AmbientLight",
|
|
|
|
color: "#fff",
|
|
|
|
color: "#fff",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
];
|
|
|
|
];
|
|
|
|
const rotation = reactive({
|
|
|
|
const rotation = reactive({
|
|
|
|
x: 0,
|
|
|
|
x: 0,
|
|
|
@ -161,9 +160,6 @@ function rotate() {
|
|
|
|
requestAnimationFrame(rotate);
|
|
|
|
requestAnimationFrame(rotate);
|
|
|
|
rotation.y -= 0.01;
|
|
|
|
rotation.y -= 0.01;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|