Estoy en el proceso de construir un WebGL Globe usando OGL (una biblioteca webgl liviana, mucho más pequeña que Three.js) y encontré una manera de colocar marcadores en el globo, desde coordenadas de latitud/longitud.
Funciona perfectamente y se ve muy bien, pero ahora estoy luchando por "ocultarlos" cuando están visualmente detrás del globo. En este momento todavía son visibles aunque no deberíamos verlos como se ve a continuación:
¿Cuál sería la forma de calcular eso? Y/o si no se puede hacer, otra forma podría ser mostrarlos pegados alrededor del globo para mostrar que algunos marcadores están disponibles más adelante.
Aquí hay una demostración de CodeSandbox en funcionamiento: Globe
Su código de transformación es una transformación 3D, pero solo usa las coordenadas x e y para mostrar las etiquetas proyectadas. Puedes usar la tercera coordenada para determinar si estás delante o detrás de la esfera.
Un parche rápido a su código para hacer lo que desee fue este:
markerEl.style.display = screenVector[2] < 0.83 ? "block" : "none";