Javascript 如何删除mapbox地图上的方向控制？

我正在使用插件获取距离。 我想删除地图中的方向控制

下面是关于image=>

是否可以将其移除并保留距离框

这是我的密码：

mapboxgl.accessToken='TOKEN'；
var map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/mapbox/streets-v11',
中间：[112.16809，-8.09774]，
缩放：17，
});
var方向=新的MapboxDirections({
accessToken:mapboxgl.accessToken，
单位：'公制'，
简介：“地图盒/驾驶”
});
addControl（方向，'top-left'）；
map.on（'load'，function（））{
directions.setOrigin（“England”）；//可以是表单中的地址
setOrigin（“纽约州榆树街12号”）
方向.设定目标（[112.17211，-8.09581]）；}）
//将地理定位控件添加到地图。
map.addControl(
新mapboxgl.GeolocateControl({
位置选项：{
EnableHighAccurance:正确
},
trackUserLocation:true
})
);

---

谢谢。

可能在初始化映射时使用

{controls:{instructions:false；}}

-指令

否则，作为一个快速的黑客，这可能会奏效，因为我假设您计划在浏览器上运行此功能：通过使用开发工具（通常类似于F12）和样式（一些css文件或html标记）来查找css类或id

#该特定id{
显示：无；
}
//或
.那一类{
显示：无；
}

可能在初始化映射时使用

{controls:{instructions:false；}}

-指令

否则，作为一个快速的黑客，这可能会奏效，因为我假设您计划在浏览器上运行此功能：通过使用开发工具（通常类似于F12）和样式（一些css文件或html标记）来查找css类或id

#该特定id{
显示：无；
}
//或
.那一类{
显示：无；
}
使用css小技巧。
这是我的工作。谢谢

/*removing directions panel*/
 .mapbox-directions-instructions {
    display: none;
  }

这就是结果=>
，带有一些css技巧。
这是我的工作。谢谢

/*removing directions panel*/
 .mapbox-directions-instructions {
    display: none;
  }

这是结果=>