3.2.地图控制器MapControls

在某些应用中,例如地图、地形或者 GIS 类型的项目,需要为用户提供一种直观且符合习惯的方式来浏览和操作场景。MapControls 是一个类似于 Google Maps 风格的相机控制器,允许用户通过鼠标和触摸屏操作来平移、缩放和旋转场景。用法和OrbitControls类似。本质上就是改变相机的参数,比如相机的位置属性、相机目标观察点。

  • 平移:鼠标左键拖动

  • 旋转:鼠标右键拖动

  • 缩放:鼠标中键滚动

// 使用相机和canvas对象创建一个轨道控制器对象
const controls = new MapControls(camera, renderer.domElement)
controls.addEventListener('change', function () {
 // 打印相机的位置
 console.log(camera.position)
 console.log(controls.target);
 // 重新执行渲染操作
 renderer.render(scene, camera);
})

其它的可以参考:轨道控制器OrbitControls

微信 遇到疑问可加微信进行反映