Cesiumwebpack+vue+cesium加载gltf(不推荐)

Posted 2022-02-26 hpugisers

最近一直在用webpack+vue+cesium，有时感觉很方便，但是有些东西确实感觉很恶心。对于我这么一个webpack+vue用的不怎么熟练的人，报错总是很头疼。这还不是令人无语的。最令人无语的是它不报错，也没有预期的效果。前天遇到加载gltf，结果就是报错json语法错误，查遍全网一点头绪。最终有幸在一篇文章找到思路，下面介绍在webpack+vue如何用gltf

一、配置webpack.base.conf
在rules添加如下：

rules[
..................
      
        // match all .gltf files
        test: /\\.(gltf)$/,
        loader: 'url-loader'
      
]

二、vue中import引入

import gltfFile from '../assets/CesiumAir/CesiumAir.gltf'

三、将gltfFile在vue的data中赋值一个变量

data() 
    return 
      gltfUrl: gltfFile
    

四、调用

let roaming=new Roaming(this.viewer,
    'modeluri':this.gltfUrl,
    'time':360,
    'start':start,
    'stop':stop,
    'Lines':Lines,
    'isPathShow':true
  )