提交 668cbd83 作者: “kai”

feat(地图组件): 添加用户经纬度参数并调整默认视角

为CesiumLayout组件添加latitude和longitude props,使用用户位置作为默认视角
调整初始视角高度为5000米,移除调试日志
上级 1ee2569a
......@@ -9,11 +9,21 @@ import _2dList from "./lib/2d";
export default {
name: "CesiumLayer",
props: {
latitude: {
type: Number,
default: null,
},
longitude: {
type: Number,
default: null,
},
},
data() {
return {
viewer: null,
init_lng: 112.576667,
init_lat: 23.175833,
init_lng: 113.855071,
init_lat:22.555942,
init_alt: 5000,
imageryLayers: {
night: null, // 夜景图
......@@ -46,12 +56,12 @@ export default {
this.$bus.$on("handlePositions", (e) => {
this.init_lng = e[0];
this.init_lat = e[1];
this.init_alt = 300000;
this.init_alt = 5000;
this.viewer.scene.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(
this.init_lng,
this.init_lat,
this.init_alt
this.longitude || this.init_lng,
this.latitude || this.init_lat,
this.init_alt
),
});
});
......@@ -169,11 +179,12 @@ export default {
this.imageryLayers.night.show = false;
this.imageryLayers.street.show = false;
this.imageryLayers.star_satellite.show = false;
console.log('xxx',this.latitude,this.longitude);
this.viewer.scene.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(
this.init_lng,
this.init_lat,
this.longitude || this.init_lng,
this.latitude || this.init_lat,
this.init_alt
),
});
......
<template>
<div class="mmc-filght-control-center mmc">
<!-- cesium地图层 -->
<CesiumLayout v-if="!cesiumViewer"></CesiumLayout>
<CesiumLayout v-if="!cesiumViewer" :latitude="parseFloat(userInfo.latitude)" :longitude="parseFloat(userInfo.longitude)"></CesiumLayout>
<!-- 地图切换组件 -->
<MapImageSwitch></MapImageSwitch>
<MapSearch class="map-search"></MapSearch>
......@@ -106,7 +106,8 @@ export default {
watch: {
userInfo: {
immediate: true,
handler() {
handler(value) {
console.log(value.latitude, value.longitude,'xxx');
this.$store.commit("MMCFlightControlCenter/setState", {
key: "token",
value: this.userInfo.token,
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论