透明度 & 碰撞检测

框架支持地下场景可视化

注意

WARNING

框架支持地下空间的可视化，但是地表透明度的设置，只有在开启碰撞检测的时候才有效

代码实例

vue3 + ts

let map: any
LarkExplorer.ready({
    baseUrl: './dist/resources/',
  }).then(initMap)

function initMap() {
  // 默认谷歌影像地图
  const baseImagery = LarkExplorer.BaseLayer.DefaultTdtImg

  // 默认全球地形
  const baseTerrain = LarkExplorer.BaseLayer.DefaultTerrain

  map = new LarkExplorer.Map('map', baseImagery, baseTerrain)
  initView()
}
const initView = () => {
  map.Navigation.homeCamera = {
    position: {
      x: -2456634.8172948933,
      y: 4562075.945027415,
      z: 3711376.2026013467,
    },
    hpr: {
      heading: 0.10848129477705015,
      pitch: -0.30074066005546096,
      roll: 0.00014002081023090085,
    },
  }
  map.Navigation.homeView()
}

/**
 * 碰撞检测
 */
const translucency = ref(false)
watch(translucency, (val) => {
  map.Terrain.translucency = val
})

/**
 * 是否允许进入地下
 */
const underground = ref(false)
watch(underground, (val) => {
  map.Terrain.enableUnderground = val
})

/**
 * 地表透明度，只有在开启碰撞检测的时候才有效
 */
const alpha = ref(1)
watch(alpha, (val) => {
  map.Terrain.alpha = val
})

运行效果 更多示例