如何在Mapbox中动画化三维模型的运动

Question

Mapbox文档中的三维模型实例让我想知道如何将3d车辆在地图上的移动(例如优步的AVS演示和铯)动画化。

我尝试通过删除当前的3d模型来修改3d模型示例代码，创建一个新的模型，然后添加它。然而，对于流畅的动画来说，这个周期太慢了：

const moveObject = () => {
  map.removeLayer('3d-model');
  modelOrigin = incrementCoords(modelOrigin);
  modelTransform = createModelTransform(modelOrigin);
  const customLayer = createCustomLayer(modelTransform);
  map.addLayer(customLayer);
};

理想情况下，我希望看到流畅的动画-像在AVS演示或各种‘动画在Mapbox文档中的线路/点/标记’例子。

Answer 1

对于真正的3D用例，比如在演示中，您最好使用3D工具，而不是Mapbox。这不是3D渲染器或真实3D，所以这就是你没有得到你想要的东西的原因。至于Mapbox工具，最好的选择是地图SDK促进统一。

Unity中有一个如何用自定义模型替换3D建筑的例子。你可以在这里找到它：https://docs.mapbox.com/unity/maps/examples/replace-features/