如何调整Mapbox storytelling章节的切换过渡动画速度

• 首先打开helper.html文件，该文件封装了所有章节切换时的地图动效核心逻辑，找到名称类似goToChapter的章节切换处理函数，即可定位到flyTo方法的调用位置。
• Mapbox GL JS原生的flyTo方法支持直接传入speed参数控制动画速度，参数值越小动画越慢，默认值为1.2，你可以根据需求调整为0.4~0.8区间测试效果，修改示例如下：

// helper.html内的flyTo调用修改示例
map.flyTo({
  center: currentChapter.location.center,
  zoom: currentChapter.location.zoom,
  bearing: currentChapter.location.bearing,
  pitch: currentChapter.location.pitch,
  // 新增该行配置动效速度
  speed: 0.6,
  essential: true
})

• 如果你希望把速度配置暴露到全局方便修改，可以在config.js的全局配置对象中新增自定义字段flyToSpeed: 0.6，然后在helper.html的flyTo参数中引用该配置项即可，后续调整直接修改config.js内的数值就可以。

部分旧版本的Mapbox storytelling示例默认没有把speed参数暴露到config.js配置项中，直接修改helper.html内的flyTo调用代码即可生效，不需要额外调整其他文件逻辑。

内容的提问来源于stack exchange，提问作者kuba04