Mapbox Direction GL-显示/隐藏驾驶说明

Question

我默认隐藏驾驶说明：

 var directions = new MapboxDirections({
            accessToken: mapboxgl.accessToken,
            controls: { instructions: false }
        });

我想具有在单击按钮时显示/隐藏它的能力，并且不确定如何完成它。

Answer 1

mapbox-gl-directions插件未为mapbox-gl-directions参数提供设置方法。换句话说，创建options.controls.instructions实例时指定的布尔值不能使用按钮切换。 MapboxDirections的所有实例成员都记录在MapboxDirections中。

您可以通过分叉插件或打开拉取请求向API.md添加API.md方法或类似方法，自己尝试实现此自定义功能。然后，该方法可以与按钮的单击侦听器一起使用。这将需要进行一些仔细的状态对象管理，以确保在切换按钮时所有视觉界面元素都得到正确更新（请参见MapboxDirections#setControlsInstructions和src/directions.js）。