获取坐标事件地图 openlayers 4.6.5 ~ 5

Question

我尝试获取在 openlayers 地图上单击的坐标。我的代码如下：

const localmap = new ol.Map({
    layers: [
      new ol.layer.Tile({
        source: new ol.source.OSM()
      })
    ],
    target: 'map',
    view: new ol.View({
      center: [0, 0],
      zoom: 2
    })
  });

  function getPosition(event){
    console.log(localmap.getEventCoordinate(event));
}

  localmap.on('click', getPosition(event));

但我得到的唯一结果是一个错误：

Uncaught TypeError: Cannot read property 'changedTouches' of undefined

我尝试将侦听器添加为

localmap.on('click', getPosition);

每次点击时都会显示一个数组，但会填充 Nan 值。

我尝试搜索文档，但它要么太旧，要么直接在侦听器中编写函数，我不想这样做，因为我希望能够将其删除

任何人有线索在 ol 4.6.5 ~ 5 中获取这些坐标？

谢谢

Answer 1

此代码将起作用。请注意，您将获得的坐标位于EPSG:3857 投影中，使用ol.proj.transform() 将它们转换为EPSG:4326 投影。要了解有关预测的更多信息，请访问https://lyzidiamond.com/posts/4326-vs-3857。如果您要经常使用 openlayers，则必须阅读此内容。

const localmap = new ol.Map({
        layers: [
            new ol.layer.Tile({
                source: new ol.source.OSM()
            })
        ],
        target: 'map',
        view: new ol.View({
            center: [0, 0],
            zoom: 2
        })
});

localmap.on('singleclick', function (evt) {
    console.log(evt.coordinate);

    // convert coordinate to EPSG-4326
    console.log(ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326'));
});

Answer 2

好的，原来它只适用于event.coordinate，在层中定义的 SRC 中显示坐标