开放图层要素选择区域偏移

Question

我有一个非常奇怪的问题，当标记越接近地图底部时，选择框就会越往下移动。

如果标记位于地图的最顶部，则选择框位于标记的正上方，但如果它位于地图下方，我必须进一步单击标记下方才能选择它。

还有其他人经历过吗？我正在使用Openlayers 4.1.1。以下是一些可能相关的代码块(如果有帮助，我非常乐意分享更多代码！

var imageStyleFunction = function (feature, resolution) {
if (feature.iconSrc) {
var anchorX = feature.anchorX ? feature.anchorX : 0.5;
var anchorY = feature.anchorY ? feature.anchorY : 0.5;
return [new ol.style.Style({
image: new ol.style.Icon({
src: feature.iconSrc,
anchor: [anchorX, anchorY]
})
})];
}
};

。

markerLayer = new ol.layer.Vector({
source: new ol.source.Vector(),
style: imageStyleFunction
});

。

selectionInteraction = new ol.interaction.Select({
condition: ol.events.condition.click,
//hitTolerance: 20,
style: imageStyleFunction
});
selectionInteraction.on('select', function (e) {
var userLocationFeature = _.find(e.target.getFeatures().getArray(),
function (feature) {
return feature.markerType === "userLocation";
});
if (userLocationFeature) {
store.commit("setSelectedUserLocation", userLocationFeature);
} else {
store.commit("setSelectedUserLocation", null);
selectionInteraction.getFeatures().clear();
}
});

。

function createMarker(location, iconFile, markerType, markerId) {
var markerLayerSource = markerLayer.getSource();
var markerFeature = new ol.Feature({
geometry: new ol.geom.Point(transformLonLat(location.longitude, location.latitude))
});
markerFeature.iconSrc = app.config.map.iconPath + iconFile;
if (markerType) {
markerFeature.markerType = markerType;
}
if (markerId) {
markerFeature.markerId = markerId;
}
markerLayerSource.addFeature(markerFeature);
}

Answer 1

Mick 自己通过调用 map.updateSize(( 的解决方案也为我解决了这个问题。我没有更仔细地研究它，但我假设它与我的 ionic 应用程序初始化期间的大小变化有关。这至少是对更困难问题的快速解决方案。