OpenLayers 5 - 点击有点流离失所

OpenLayers 5 - Click is a little bit displaced

我担心我的地图存在一些问题。单击事件正常工作,但它有点向右移动,这意味着如果我单击某个功能的左侧一点(可能 6 像素或其他),它会选择该功能,但实际上我没有单击在上面。这意味着,如果有 2 个要素彼此相邻并且我单击靠近左侧要素的边界,它会单击右侧要素而不是左侧要素。 感觉地图注意到点击向右一点。有人也有这个问题吗?

我教 OL 处理 EPSG:25832,因为我们通常都在使用它,所以我认为这是问题所在。把所有的EPSG换了一遍又一遍,我发现问题就在那里,与使用哪个EPSG无关。

我听说了 hitTolerance,所以将它设置为 0,只是为了测试它。

这里是我创建的地图:

map = new Map({
    controls: defaultControls().extend([
    new FullScreen()
]),
  target: 'map-container',
  layers: [
    new TileLayer({
      source: new XYZSource({
        url: 'http://tile.stamen.com/terrain/{z}/{x}/{y}.jpg',
        projection: 'EPSG:3857'
      })
    })
  ],
  interactions: defaultInteractions({ doubleClickZoom: false }), //deaktiviert Zoom bei Doppelklick
  view: new View({
    center: [630114.604, 5629466.731],
    projection: 'EPSG:25832',
    //extent: transformExtent([4, 46, 16, 56], 'EPSG:4326', projectionName),
    zoom: 2,
    minZoom: 2
  }),
  controls: defaultControls({ "attribution": false }),
});

这里添加 Select-Interaction(问题出在每个交互上,这只是我添加它们的示例):

function addSelectInteraction() {
var select = new Select({
source: edit
});
select.on('select', function(evt) {
    for(var i=0; i<evt.selected.length; i++) {
        if(document.getElementById("checkbox" + evt.selected[i].getId()).checked == true){
            console.log("Deselect " + evt.selected[i].getId());
            deselectFeature(evt.selected[i]);
        } else {
            console.log("Select " + evt.selected[i].getId());
            selectFeature(evt.selected[i]);
        }
        select.getFeatures().clear();
    }
});
select.set("name", "select");
addTool(select);

}

selectFeature(feature)只是设置那个feature的样式,所以这里没有影响。 在这里我教 OL 如何处理 EPSG.25832(使用 proj4):

var projectionName = 'EPSG:25832';
proj4.defs(projectionName, '+proj=utm +zone=32 +ellps=GRS80 +units=m +no_defs');
register(proj4);

也许有人遇到过或也遇到过这个问题?

我自己解决了这个问题

我在我的 JavaScript 代码中向我的 html 添加了一些东西,而地图并不知道这些。添加所有内容后,我只需要 map.updateSize() 就可以正常工作了。