Question

我有带多边形要素的openlayers地图。当我们将鼠标悬停在多边形上时，它将以叠加层显示说明。

但是，叠加层始终显示在多边形上，而不是左右显示，这是我要尝试的操作。在这样做时，我忙于叠加的CSS，但无法解决。有一种小册子/方法可以在我试图理解但无法在地图上获得任何东西的对象上显示添加到地图的工具提示。

我的目标是将叠加层保留在地图的视口内，以使其始终可见。

只是为了说明我期望的是小提琴：leaflet popup

当前状态：Openlayers overlay positioning

Answer 1

只需将叠加层设置为显示在多边形范围的左侧即可，例如：

  if (feature && feature.get('type') == 'Polygon') {
    var ext = feature.getGeometry().getExtent();
    let coordinate = [ext[0], (ext[3]-ext[1])/2];
    content.innerHTML = feature.get('desc');
    popup.setPosition(coordinate);
  }

然后，您可以使用CSS来以所需的方式显示叠加层。

如何在openlayers中左右调整多边形上的叠加

1 个答案: