0

我担心地图中的一些问题。click-Event 工作正常,但它有点向右偏移,这意味着如果我点击一个特征的左边一点(可能是 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) 只是设置该功能的样式,因此在这里没有影响。在这里,我教 OL 如何处理 EPSG.25832(使用 proj4):

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

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

4

1 回答 1

1

我自己解决了这个问题。

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

于 2018-07-30T07:49:09.497 回答