如何将地图上的缩放工具从顶部移动到右下角?

时间:2019-04-10 12:49:43

标签: openlayers

我在左上角有一个带有缩放工具的经典地图,我想将其移动到右下角。问题是我什至不知道是否可能。

我已经做了一些研究,但是好吧,在我看来,它应该很简单,所以我不知道为什么几天之内什么都没发现。

谢谢大家的帮助

1 个答案:

答案 0 :(得分:0)

默认CSS的顶部/左侧设置为.5em,按钮的宽度/高度为1.375em,因此从左上角到右下角简单地移动2个堆叠的按钮即可

.ol-zoom {
    top: calc(100% - .5em*2 - 1.375em*2);
    left: calc(100% - .5em*2 - 1.375em);
}

但是需要一些微调,因为按钮周围有1px的边距,组合周围有2px的边框半径