Estoy tratando de golpear a un niño de escena pin con un clic en GMaps, usando Three.js y threejs-overlay-view, pero no puedo hacer clic en el objeto. Raycaster.intersectObjects solo devuelve [].

imagen de alfiler

Aquí hay un fragmento del código, todo funciona bien excepto la parte de la intersección.

 (async () => { const map = await initMap(); const mapDiv = map.getDiv(); const mousePosition = new Vector2(); const raycaster = new THREE.Raycaster(); const overlay = new ThreeJSOverlayView(mapOptions.center); const scene = overlay.getScene(); overlay.setMap(map); ... map.addListener('click', ev => { const {domEvent} = ev; const {left, top, width, height} = mapDiv.getBoundingClientRect(); const x = domEvent.clientX - left; const y = domEvent.clientY - top; mousePosition.x = 2 * (x / width) - 1; mousePosition.y = 1 - 2 * (y / height); // dont get nothing here... raycaster.setFromCamera(mousePosition, overlay.camera); const intersects = raycaster.intersectObjects(scene.children, true); overlay.requestRedraw(); }); overlay.update = () => { // ... and here raycaster.setFromCamera(mousePosition, overlay.camera); const intersects = raycaster.intersectObjects(scene.children, true); ... overlay.requestRedraw(); }; })();

Me alegro si cualquier ayuda, Gracias!