mapbox:GeolocateControl与NavigationControl分组

时间:2018-05-06 11:02:18

标签: mapbox mapbox-gl-js

我对mapbox来说是全新的,我正在为我目前正在开展的一个小项目探索api文档。 我想做的一件事,但在任何地方都找不到(这就是我认为可能无法实现的原因)是将GeolocateControlNavigationControl按钮组放在一起。

有谁知道它是否真的可行?

到目前为止,我有两次拨打addControl,其中一个位于top-left - 地图的右上角。

window.currentMap.addControl(new mapboxgl.NavigationControl(), 'top-left');
window.currentMap.addControl(new mapboxgl.GeolocateControl({
    positionOptions: {
        enableHighAccuracy: true
    },
    trackUserLocation: true
}));

1 个答案:

答案 0 :(得分:0)

您可以将两个控件放在同一个角落。例如,在opentrees.org,两者都在右下角。

enter image description here

在您的情况下,只需将您的最后一行更改为}), 'top-left');

如果你需要它们更接近,或者更多地以某种方式“合在一起”,那么覆盖Mapbox-GL CSS(正如Andrew建议的那样)是正确的方法。