檢測覆蓋圖是否在視圖中

Question

如何檢測覆蓋圖元素當前是否可見/不可見？

我認爲有可能通過DOM元素的邊框獲得這些信息，但這對我來說似乎不是一個好的解決方案。

有沒有辦法找出使用openlayers API？

Answer 1

您可以檢查是否ol.Overlay位置是內ol.View程度有：

var overlay_position = overlay.getPosition(); 
var view_extent = map.getView().calculateExtent(map.getSize()); 
console.info(ol.extent.containsCoordinate(view_extent, overlay_position));