如何在功能悬停时获得指针光标但前提是未被弹出窗口覆盖?
How to get a pointer cursor on feature hover but only if not covered by a popup?
我通过以下方式将鼠标光标更改为"pointer"功能:
// change mouse cursor when over marker
map.on('pointermove', function(e) {
var pixel = map.getEventPixel(e.originalEvent);
var hit = map.hasFeatureAtPixel(pixel);
map.getTarget().style.cursor = hit ? 'pointer' : '';
});
问题是,当我打开一个弹出窗口时,即使该功能被弹出窗口覆盖,光标也会改变(参见https://jsfiddle.net/Ld9rup3v/2/:点击下方的点,您可以将鼠标悬停在上方的点上弹出)。我怎样才能防止这种情况发生?
好的,我找到了一个简单的 CSS 解决方法:
.popover { cursor:default; }
我通过以下方式将鼠标光标更改为"pointer"功能:
// change mouse cursor when over marker
map.on('pointermove', function(e) {
var pixel = map.getEventPixel(e.originalEvent);
var hit = map.hasFeatureAtPixel(pixel);
map.getTarget().style.cursor = hit ? 'pointer' : '';
});
问题是,当我打开一个弹出窗口时,即使该功能被弹出窗口覆盖,光标也会改变(参见https://jsfiddle.net/Ld9rup3v/2/:点击下方的点,您可以将鼠标悬停在上方的点上弹出)。我怎样才能防止这种情况发生?
好的,我找到了一个简单的 CSS 解决方法:
.popover { cursor:default; }