Carregando…Carregando…Carregando…Carregando…Texture-mapped Earth sphere with photo markers on pins, atmosphere glow (shader) and OrbitControls, on React Three Fiber + drei — adapted from Aceternity UI.
3D Globe — Terra com textura, marcadores-foto e auto-rotate
$ npx kikitocn add 3d-globe@/lib/utilsthree@react-three/fiber@react-three/dreiimport { 3DGlobe } from "@/components/ui/cn/3d-globe/3DGlobe";
export function 3DGlobeExample() {
return (
<3DGlobe />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
markers | { lat, lng, src, label? }[] | [] | Marcadores-foto posicionados por lat/long em pinos |
config | Globe3DConfig | {} | Raio, textura, atmosfera, auto-rotate, zoom/pan, luzes; cores de cena são cor livre |
onMarkerClick | (marker) => void | — | Callback ao clicar num marcador |
onMarkerHover | (marker | null) => void | — | Callback ao passar o mouse |
className | string | — | Classes CSS extras no container |