I have a gltf file which exist in firebase storage folders and related textures are also located in that folders. I want to load that object into my view. I using THREE js for do this.

I tried get download url of gltf file and pass it it GLTFLoader. But model was not loaded to view. I tried with this :

const loader = new GLTFLoader()
    loader.load(
      url,
         (gltf) => {
            gltf.scene.traverse(  ( child ) => {
              if ( child instanceof THREE.Mesh ) {                  
                  console.log(child.material.metalness)
                  if(child.material.metalness){
                    child.material.envMap = texture;
                  }                      
              }            
          } );            
            var parent = gltf.scene;
            var box = new THREE.Box3().setFromObject(parent)
            var center = box.getCenter(new THREE.Vector3())
            var size = box.getSize(new THREE.Vector3())
            var maxAxis = Math.max(size.x,size.y,size.z)            
            parent.scale.multiplyScalar(1/maxAxis)
            box.setFromObject(parent);
            box.getCenter(center)
            box.getSize(size)
            parent.position.copy(center).multiplyScalar(-1)           
            scene.add(gltf.scene)           
        },
        (xhr) => {
            console.log((xhr.loaded / xhr.total) * 100 + '% loaded')
        },
        (error) => {
            console.log(error)
        }
    )

If I load this file from local device, it is works fine and model display in view(all textures are load properly).

If anyone can help me how to load gltf file from firebase storage