代码之家 › 专栏 › 技术社区 › Single Entity

使属性图标在OpenLayers 3中向右扩展而不是向左扩展

openlayers-3

Single Entity · 技术社区 · 10 年前

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

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

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

.ol-attribution {
  right: 95%;
}

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

1 回复 | 直到 10 年前

Alexandre Dubé 9 年前

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

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

推荐文章

Edit Axha · 当我点击wkt多边形时,如何获得它的所有信息?

8 年前

Amit · OpenLayers-适应当前范围正在缩小

8 年前

Anders Gjerde · OpenLayers-修改时锁定长方体或矩形几何体的旋转

8 年前

Miguel Herreros Cejas · 使用OpenLayers在谷歌地图中不绘制圆圈

8 年前

Julien · 将多边形与Openlayers叠加时显示多个弹出窗口

8 年前

Reka Varga · OpenLayers 3中的固定图标大小

8 年前

Svinjica · OpenLayers 3重投影向量层(v4.3.2)

8 年前

Vetemi · 在angular2 openlayers中使用click事件显示单击标记的详细信息

8 年前

Yorian · 带弹出窗口的openlayers标记

8 年前

Malebolgea · Openlayers 4:从阵列加载功能

8 年前