Bad quality texture in my 360° project

[curvata]

Hi everyone ,

I don’t know how I can improve the quality of my texture.

my threejs

VS

google maps

and my code

createScene () {
		this.scene = new THREE.Scene()

		const texture = new THREE.TextureLoader().load('images/'+this.image);
		texture.wrapS = THREE.RepeatWrapping;
		texture.repeat.x = -1;
		
		const sphere = new THREE.SphereGeometry(50, 32, 32);
		const material = new THREE.MeshBasicMaterial( 
			{ 
				map: texture,
				side: THREE.BackSide,
			} );
	
		this.scene.add(new THREE.Mesh(sphere, material));
		return this.scene;
	}

Thanks a lot.

[curvata]

I improved my texture with renderer.setPixelRatio(window.devicePixelRatio);

[Chaser_Code]

var maxanisotropy=renderer.capabilities.getMaxAnisotropy();
const texture = new THREE.TextureLoader().load('images/'+this.image);
texture.anisotropy=maxanisotropy;
texture.wrapS = THREE.RepeatWrapping;
texture.repeat.x = -1;

[Mugen87]

I doubt that anisotropic filtering makes much of a difference if you look at the texture right from the front.

[curvata]

Thank you for your help.

My quality is so better with setPixelRatio function from my renderer.