css - Openlayers 在带有填充的 map 上弹出 autoPan

标签 css openlayers

我有一个左填充 n 像素的 map 。该值会根据某些因素发生变化。我的问题是使用 autoPan: true 的 map 上的弹出窗口(叠加层)认为填充仍然可用于 map 并平移本身错误。

我在这里创造了类似的情况: https://codepen.io/bobbysz/pen/aeWQNb

如果我删除它,则行为正常。

padding-left: 360px

最佳答案

是的,请移除 padding-left 并为 ol-viewport 类添加显示内联表。

CSS

.map{
padding-left:0;
}
.ol-viewport{
display:inline-table;
}

关于css - Openlayers 在带有填充的 map 上弹出 autoPan,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57288618/

相关文章:

css - 考虑到文本节点,第一个 child 是否有 CSS 选择器?

javascript - 安全错误 : The operation is insecure in canvas. 到数据 URL

openlayers - 如何在 Openlayers 外拖动特征

javascript - Openlayers 在 OpenStreetMaps 图层上圈出多边形

javascript - 使用 Jquery/JavaScript 获取特定类

css - 将组件特定样式设置为 Material 组件中生成的 HTML

html - css中的平行四边形形状

openlayers - 为什么这个 WMS 图层没有出现在 openlayers 中?

javascript - 如何在 OpenLayers 3 中通过 map 边缘绘制测地线?

css - Angular Material md-datepicker inside bootstrap modal