矢量图层的可选点具有偏移量

Question

我有一个带有GeoJSON源的矢量图层，由Points和LineString组成。当我点击一个点时，我想打开一个包含附加信息的弹出窗口。

以下是一些代码：

onCreate()

问题：

当我直接点击某个点时，没有任何反应。当我点击下方的几个像素并向右或向左一点（取决于缩放级别！）时，该点将被选中并触发console.log。

我可以通过使用Firebox WebDeveloper Addon并激活“禁用所有样式”来解决此问题。 但是，当我手动删除所有CSS时，行为永远不会消失。 首先，我认为这可能是一些继承的填充或边距，但目前我认为画布不应该受任何CSS的影响。

关于可能出错的任何想法？

亲切的问候， 哈吉斯

Answer 1

我遇到了同样的问题。它似乎与从特定模式导航到页面有关（我使用ajax散列分页）。页脚没有加载，在我与地图上的第一个特征交互后，会发生以下情况;

1. 地图会跳跃并略微拉伸/涂抹
2. 页脚显示在我的页面上
3. 出现垂直滚动条

当我从另一个页面链接时，似乎不会出现这个问题。

Answer 2

我有同样的问题。这里有一些建议可以帮到你：

1. 检查地图容器的大小（可能是Div）。
2. 检查地图的大小（openlayers＆＃39的地图对象）。
3. 比较这两个大小以确认两个大小是否相等。

如果没有，您可以使用map.setSize([width,height])来调整地图的大小。