如何在mapbox场景中使用"WASD“键移动3D对象

// 引入mapbox的相关库和资源文件
// 创建mapbox地图实例
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [longitude, latitude],
  zoom: zoomLevel
});

// 添加键盘按键事件监听器
window.addEventListener('keydown', function(e) {
  // 判断按下的按键
  switch (e.key) {
    case 'w':
      // 向前移动
      map.flyTo({ center: [longitude + distance, latitude], zoom: zoomLevel });
      break;
    case 'a':
      // 向左移动
      map.flyTo({ center: [longitude, latitude - distance], zoom: zoomLevel });
      break;
    case 's':
      // 向后移动
      map.flyTo({ center: [longitude - distance, latitude], zoom: zoomLevel });
      break;
    case 'd':
      // 向右移动
      map.flyTo({ center: [longitude, latitude + distance], zoom: zoomLevel });
      break;
    default:
      break;
  }
});