使归因图标在OpenLayers 3中向右展开而不是向左展开

时间:2016-03-11 12:29:30

标签: openlayers-3

我在OpenLayers 3中的Open Street Map图层上有一个归因图标。

我已将其设置在屏幕的左侧,但是当单击该按钮时,它会尝试从屏幕向左扩展(这是默认行为)。有没有办法让归因信息向右扩展?

我使用一些CSS设置了归因图标位置:

.ol-attribution {
  right: 95%;
}

以下jsfiddle显示我希望避免的当前行为(单击左下角的i按钮):

http://jsfiddle.net/single_entity/7mvuxytv/

1 个答案:

答案 0 :(得分:1)

通过相对于左侧而不是右侧的位置,div在右侧扩展。使按钮浮动在左侧使其也保持在相同的位置以打开和关闭它。

.ol-attribution {
  right: auto;
  left: .5em;
}
.ol-attribution button {
  float: left;
}

http://jsfiddle.net/7mvuxytv/31/