Three.js地图控件MapControls

通过Three.js的相机控件MapControls可以实现地图导航模式，MapControls.js库封装的函数THREE.MapControls()本质上就是检测鼠标或键盘事件变化，然后改变Three.js相机对象的相关参数，相机参数改变，Threejs渲染结果自然改变。

鼠标操作

• 平移：通过鼠标拖动左键实现场景平移效果

• 缩放：通过前后滚动鼠标中键可以实现场景缩放效果

• 旋转：通过拖动鼠标右键可以实现场景旋转效果

键盘操作

• 通过键盘的方向键可以实现场景的前后左右移动效果

引入文件MapControls.js

文件目录地址：\examples\js\controls\MapControls.js

<script src="./examples/js/controls/MapControls.js"></script>

使用

//参数1：相机对象   参数2：渲染画布renderer.domElement
var controls = new THREE.MapControls(camera,renderer.domElement);