Javascript 三JS SpheregeMetry纹理未正确渲染

我正在使用三个JS来实现球体上的等矩形图像，如下所示。使用maptoglobe.com 我想要达到的目标

我得到的
我正在使用的代码

 this.scene = new THREE.Scene();
    this.geometry = new THREE.SphereGeometry( 0.4, 100, 100 );
    var texture = new THREE.TextureLoader().load('assets/Webp.png');

    this.material = new THREE.MeshBasicMaterial({map : texture, overdraw: 0.1});

    this.mesh = new THREE.Mesh( this.geometry, this.material );

    this.scene.add( this.mesh );

区别在于maptoglobe.com图像中出现的红线。但不是在我写的代码中

任何帮助都将不胜感激

编辑1

我的领域

---

球体打开

要解决投影问题，可以使用

正交摄影机

而不是

透视摄影机

this.camera=新的三点正交摄影机(
window.innerWidth/-2，
window.innerWidth/2，
window.innerHeight/2，
window.innerHeight/-2，
1.
1000
);

结果:

---

红线似乎不是红线，而是图片后面的圆形或球形红色形状（请看红色“线”上的阴影）。如果你想要一条红线，你可以试着在图片后面画一个更大的红色圆圈。这里有一个问题可能会有所帮助：还有一些关于形状的文档：嗨，是的，红线是等矩形图像的背景。我在用球墨仪。我认为圆形几何不会有帮助，因为我需要一个旋转的球体。请随意询问任何问题使用

轮廓后处理如何？我不这么认为这会有帮助的。你能提供一些代码示例吗？Maaaaaan你是一个救生员。告诉我你是如何找到修复方法的？？？很高兴能帮上忙：），嗯，我以前遇到过相机的问题，所以我知道正交相机可以让你“看得更多”，我不完全理解它是如何工作的，但我想这就是你想要的效果。