如何在mapbox导航控件中只显示+和-

Question

我使用以下代码行在地图上显示导航控件：

  map.addControl(new mapboxgl.NavigationControl());

它显示了“放大+”和“缩小-”选项，这很棒，但它还在放大和缩小按钮下方显示了倾斜图选项。我想删除它并只显示放大和缩小选项。这似乎很容易解决，但我无法在我的研究中提出答案。

Answer 1

他们添加了禁用指南针的功能。 https://docs.mapbox.com/mapbox-gl-js/api/markers/#navigationcontrol

编辑： 你可以这样写

var nav = new mapboxgl.NavigationControl({
        showCompass: false,
        showZoom: true
      });

map.addControl(nav, "top-left");

Answer 2

看起来 Mapbox GL JS 团队正计划在

mapboxgl.Navigation()

函数中添加禁用指南针的功能，但目前，在 CSS 中禁用它是首选方法：

.mapboxgl-ctrl-compass {
    display: none !important;
}