Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
mapbox:GeolocateControl与NavigationControl分组_Mapbox_Mapbox Gl Js - Fatal编程技术网

mapbox:GeolocateControl与NavigationControl分组

mapbox:GeolocateControl与NavigationControl分组,mapbox,mapbox-gl-js,Mapbox,Mapbox Gl Js,我对mapbox完全陌生,只是在为我目前正在进行的一个小项目探索api文档。 我想做的一件事,但在任何地方都找不到(这就是为什么我认为这可能不可能)是将geologatecontrol与NavigationControl按钮组放在一起 有人知道这是否切实可行吗 到目前为止,我有两个对addControl的调用,其中一个位于左上角——地图的另一个右上角 window.currentMap.addControl(新的mapboxgl.NavigationControl(),“左上角”); windo

我对mapbox完全陌生,只是在为我目前正在进行的一个小项目探索api文档。 我想做的一件事,但在任何地方都找不到(这就是为什么我认为这可能不可能)是将
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以消除间隙。