2D/3D切换
该框架实现场景的2D/3D的切换
代码实例
vue
<script setup lang="ts">
import { onMounted, onBeforeUnmount } from 'vue'
const LarkExplorer = window.LarkExplorer
let map: any
onMounted(() => {
LarkExplorer.ready({
baseUrl: './dist/resources/',
}).then(initMap)
})
function initMap() {
// 默认谷歌影像地图
const baseImagery = LarkExplorer.BaseLayer.DefaultTdtImg
map = new LarkExplorer.Map('map', baseImagery)
initView()
}
function initView() {
const status = {
position: {
x: -947707.6526854301,
y: 5525655.629629169,
z: 3043025.882299652,
},
hpr: {
heading: 3.862207334800405,
pitch: -0.3624409974692644,
roll: 0.0001087727106403591,
},
}
map.Navigation.flyToPos(status, 3)
}
/**
* 切换模式
* @param num 2-2D模式,3-3D模式
*/
const changeMode = (num: Number) => {
map.Screen.sceneMode = num
}
</script>
运行效果
更多示例