mapbox:GeolocateControl与NavigationControl分组
我对mapbox完全陌生,只是在为我目前正在进行的一个小项目探索api文档。 我想做的一件事,但在任何地方都找不到(这就是为什么我认为这可能不可能)是将mapbox:GeolocateControl与NavigationControl分组,mapbox,mapbox-gl-js,Mapbox,Mapbox Gl Js,我对mapbox完全陌生,只是在为我目前正在进行的一个小项目探索api文档。 我想做的一件事,但在任何地方都找不到(这就是为什么我认为这可能不可能)是将geologatecontrol与NavigationControl按钮组放在一起 有人知道这是否切实可行吗 到目前为止,我有两个对addControl的调用,其中一个位于左上角——地图的另一个右上角 window.currentMap.addControl(新的mapboxgl.NavigationControl(),“左上角”); windo
geologatecontrol
与NavigationControl
按钮组放在一起
有人知道这是否切实可行吗
到目前为止,我有两个对addControl
的调用,其中一个位于左上角
——地图的另一个右上角
window.currentMap.addControl(新的mapboxgl.NavigationControl(),“左上角”);
window.currentMap.addControl(新的mapboxgl.GeolocateControl({
位置选项:{
EnableHighAccurance:正确
},
trackUserLocation:true
}));
您可以将两个控件放在同一个角落。例如,在opentrees.org上,两者都位于右下角
在您的情况下,只需将最后一行更改为}),“左上角”)代码>
如果您需要它们更接近,或者在某种程度上更“在一起”,覆盖Mapbox GL CSS(如Andrew建议的)是正确的方法。您是否可以调整CSS以将两者移动到一起,使它们看起来分组?谢谢Andrew-我认为这与屏幕大小等有关,这些元素可能会移动,等等。NavigationControl
元素周围有圆角,因此即使我将GeolocateControl
移动到其他元素附近,它看起来仍然像一个单独的实体。您可以在CSS中删除圆角。通过调整CSSThanks Steve应该可以做到这一点-是的,我知道不同的位置可用,但我真正想要实现的是将其分组-而不是作为一个单独的按钮-正如我所说的,我认为这实际上是不可能的-只是想确保我没有遗漏任何东西。视觉分组?只需调整CSS以消除间隙。