Есть ли способ, который преобразует экранные координаты в соответствующие значения долготы и широты

Question

Я использую mapbox-gl js на своей веб-странице. Я хочу отобразить маркер на карте, но я знаю его положение, так как это расстояние от верхней части контейнера и левой стороны контейнера. Например, top: 120px и left: 80px. Есть ли какой-либо метод, который может преобразовать эту информацию, т.е. экранные координаты в координаты долготы и широты mapbox. если прямого метода нет, предложите обходной путь для преобразования координат экрана в мировые координаты.

Answer 1

из https://docs.mapbox.com/mapbox-gl-js/example/mouse-position/

это должно сработать:

    map.on('mousemove', function(e) {
        document.getElementById('info').innerHTML =
        // e.point is the x, y coordinates of the mousemove event relative
        // to the top-left corner of the map
        JSON.stringify(e.point) +
        '<br />' +
        // e.lngLat is the longitude, latitude geographical position of the event
        JSON.stringify(e.lngLat.wrap());