title: Three.js reverse raycasting
body: <p>I'm setting up a world map on a curved plane that the user can rotate and highlight countries. When a country is clicked, I determine what exactly was clicked and then show a tooltip with some information about the selected country, like on the screenshot below:</p>
  
  <p><a href="https://i.stack.imgur.com/ZhBtb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZhBtb.jpg" alt="tooltip screenshot"></a></p>
  
  <p>The map itself is generated in three, but the tooltip is a regular old div. The thing is, I'd like the tooltip to stay glued to that particular point of the texture, even if the plane is rotated. The original positioning of the tooltip is based on the information from the raycaster. As such, I'd want the app to return the current position of that precise point, relative to the container (or window) - based on uv coordinate for instance. How can I achieve that?</p>