Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

178
Visualizações
Raycast not hitting a scene child using Three.js with GMaps

Im trying to hit a pin scene child with a click in GMaps, using Three.js and threejs-overlay-view but I can't get the object clicked. Raycaster.intersectObjects only returns [].

Image of pin

Here's a snippet of the code, everything works fine except the intersection part.

(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();
  };
})();

Glad if any help, Thanks!

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda