| | |
| | | <div class="btn-item" @touchstart="onZoom(false)"> |
| | | <img src="@/assets/images/suoxiao.png" /> |
| | | </div> |
| | | <div class="btn-item" @touchstart="onChangeD"> |
| | | <!-- <div class="btn-item" @touchstart="onChangeD"> |
| | | <img v-if="is2d" src="@/assets/images/stand.png" /> |
| | | <img v-else src="@/assets/images/satellite.png" /> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="circle-box" v-show="isPtz"> |
| | | <div class="top" @click="ytClick('up')" @mousedown="onMouseDown(KeyCode.ARROW_UP)" @mouseup="onMouseUp" |
| | |
| | | let isPtz = ref(false) |
| | | |
| | | // 显示高德地图矢量还是影像(2D/3D) |
| | | let is2d = ref(true) |
| | | // let is2d = ref(true) |
| | | |
| | | let yaw_speed = ref((payloadCameraMode.value == 'wide'? 1 : Math.ceil(zoom_factor.value))*10) // 云台横向角度 |
| | | let pitch_speed = ref((payloadCameraMode.value == 'wide'? 1 : Math.ceil(zoom_factor.value))*10) // 云台纵向角度 |
| | |
| | | }) |
| | | } |
| | | |
| | | const onChangeD = () => { |
| | | is2d.value = !is2d.value |
| | | store.commit('SET_MAP_SETTING_MODE', is2d.value?2:3); |
| | | loadLAYER(); |
| | | } |
| | | // const onChangeD = () => { |
| | | // is2d.value = !is2d.value |
| | | // store.commit('SET_MAP_SETTING_MODE', is2d.value?2:3); |
| | | // loadLAYER(); |
| | | // } |
| | | |
| | | // 重置云台角度 |
| | | const onResetGimbal = async (resetMode:any) => { |
| | |
| | | .ptz { |
| | | position: fixed; |
| | | top: 3rem; |
| | | right: 0.2rem; |
| | | left: 0.2rem; |
| | | width: 2rem; |
| | | height: 2rem; |
| | | border-radius: 3px; |
| | |
| | | .btn-group { |
| | | position: fixed; |
| | | top: 5.8rem; |
| | | right: 4px; |
| | | left: 0.2rem; |
| | | // padding: 4px; |
| | | .btn-item { |
| | | width: 2rem; |