在openlayers 3中无法完全点击图像功能

时间:2016-05-23 11:46:42

标签: openlayers-3

我有一个带有图像的功能,它在地图上显示得很好。

var style = new ol.style.Style({
    image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
        src: imagesource,
    })),
});

但是当我在图层上添加一个选择控件时

var selectcontrol = new ol.interaction.Select({
});

如果图像较大,则只能部分图像可点击。是否有任何设置在此设置,以便整个图像可以点击。

这是问题的小提琴,您可以看到光标在移动到图像中心时发生变化,但在图像的角落未检测到该功能

http://jsfiddle.net/c88keve7/2/

1 个答案:

答案 0 :(得分:1)

您可以在创建矢量图层时设置renderBuffer属性。见ol.layer.Vector

  

renderBuffer :从渲染或命中检测的矢量源获取要素时,渲染器使用的视口范围周围的缓冲区。推荐值:最大符号,线宽或标签的大小。默认值为100像素。