百度地图引用three.js时出现THREE is not defined错误

var threeLayer = new mapvgl.ThreeLayer();
      view.addLayer(threeLayer);
      var projection = mapvgl.MercatorProjection;
      var point = projection.convertLL2MC(new BMapGL.Point(this.CenterPoint[0],this.CenterPoint[1]));

      var THREE = mapvgl.THREE;//在官方的案例中加入这个就不会提示错误了
     
      var geometry = new THREE.BoxGeometry(550, 550, 500);
      var material =  new THREE.MeshBasicMaterial( { color: 0xff0000, flatShading: true, wireframe: false } );
      var cube = new THREE.Mesh(geometry, material);
      cube.position.x = point.lng;
      cube.position.y = point.lat;
      cube.position.z = 2500;
      console.log(cube)
      threeLayer.add(cube);