.jpg)
It's no doubt, a bit hard to hover over and view our country data while the globe (and everything attached to it) is spinning merrily along. A good solution to this: stop the automatic spinning, and implement a click and drag functionality.
Here we'll cover the theory behind creating a click and drag function, then implement it using a few new event listeners, something called delta, and a GSAP animation function.
we could apply OrbitControls and it would work just fine.
npm install three-orbitcontrols
import OrbitControls from "three-orbitcontrols"; const controls = new OrbitControls(camera, renderer.domElement); controls.enableDamping = true; controls.dampingFactor = 0.05; controls.enableZoom = true;