Skip to content

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>

运行效果 更多示例