Skip to content

Gltf/Glb单模型

框架支持gltf或者glb这类小模型的加载

支持影像

INFO

两种格式基本通用,这里建议glb,纹理内置

代码实例

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)
  console.log(map)
}
let model: any
const load = () => {
  if (model) return
  const url = 'http://localhost:8086/gltf/person.glb'
  const pos = LarkExplorer.PosFromXYZ(119, 28, 320)
  const option = {
    scale: 1.0,
    shadow: true,
    onGround: false,
    heading: 0,
    pitch: 0,
    roll: 0,
  }
  model = map.Layers.Model.addGltf(url, pos, option)
  map.Navigation.flyToItem(model)
}

const remove = () => {
  map.Layers.remove(model)
  model = undefined
}

运行效果 更多示例