如何将从 MousePosition class 读取的坐标分配给变量

Question

在下面发布的代码中，我根据鼠标指针在地图上移动的位置获取坐标。换句话说，当鼠标在地图上移动时，下面的代码会根据鼠标指针的位置获取经度和纬度是。

坐标显示在'mouse-position'中，如下所述，例如6.6920092、51.1328600，经度和纬度分别

                target: document.getElementById('mouse-position')

我如何拆分读取坐标的值，以便我可以将经度保存在一个变量中，将纬度保存在另一个变量中问题是

中提供了坐标

 new MousePosition({...})

我怎样才能将它们放在变量中

有没有我可以订阅事件鼠标悬停的监听器？

代码:

var mousePositionControl = new MousePosition({
            className: 'custom-mouse-position',
            coordinateFormat: createStringXY(7),
            projection: 'EPSG:4326',
            // comment the following two lines to have the mouse position
            // be placed within the map.
            target: document.getElementById('mouse-position'),
            undefinedHTML: '',//for what to be rendered when the mouse leaves map scope: values https://openlayers.org/en/latest/apidoc/module-ol_control_MousePosition-MousePosition.html
          });
        this.map = new Map({  
            controls: defaultControls().extend([mousePositionControl]),            
            target: 'map',
            layers: [],
            view: new View({
                center: [properties.centerX, properties.centerY],
                zoom: properties.zoom
            })

        });

Answer 1

您可以使用 pointermove 事件而不需要 MousePosition 控件

var lonlat;
map.on('pointermove', function(e) {
  lonlat = toLonLat(e.coordinate);
});

如何将从 MousePosition class 读取的坐标分配给变量

how to assign the coordinates read from MousePosition class into variable

html

javascript

openlayers

typescript

angular