webpack+vue+cesium加载glTF或者glb(推荐)

Posted hpugisers

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack+vue+cesium加载glTF或者glb(推荐)相关的知识,希望对你有一定的参考价值。

一、webpack.dev.conf配置

new CopyWebpackPlugin([  from: path.join('./static', 'model'), to: 'model3D'])

二、目录树结构
三、调用实例

let entity = this.viewer.entities.add(
      // 位置
      position: Lines[0],
      // 计算朝向
      //orientation: new Cesium.VelocityOrientationProperty(Lines[0]),
      // 加载模型
      model: 
        uri: 'model3D/CesiumAir/CesiumAir.gltf',
        minimumPixelSize: 128
      ,

    )

以上是关于webpack+vue+cesium加载glTF或者glb(推荐)的主要内容,如果未能解决你的问题,请参考以下文章

cesium加载3D—gltf模型

cesium加载gltf模型点击以及列表点击定位弹窗

cesium加载gltf模型点击以及列表点击定位弹窗

Cesium原理篇:glTF

基于webpack搭建cesium+vue应用

ThreeJS 加载gltf模型过暗问题解决