получить coördinates как переменные от openlayer 3 map

Question

Для моего проекта я хочу заполнить текстовое поле координатами x и y всякий раз, когда я нажимаю на карте. У меня есть координаты, отображаемые на моем экране с этим этим стандартным кодом:

var mousePositionControl = new ol.control.MousePosition({ 
    className: 'custom-mouse-position', 
    target: document.getElementById('location'), 
    coordinateFormat: ol.coordinate.createStringXY(5), 
    undefinedHTML: ' ' 
    }); 

так я подумал: если я использую mousePositionControl в качестве переменной для й и у координат я получаю это в текстовом поле. Так что я попытался это:

map.on('click', function() { 
document.getElementById("coördinates").value = mousePositionControl; 
}); 

но результат я получаю в текстовом поле заключается в следующем: [объект Object]

Может кто-нибудь помочь мне с этой проблемой?

Answer 1

Я только что понял это. Я попросил весь элемент и полосатый и заменил его, поэтому я получил то, что получил.

Код:

map.on('click', function() { 
    var show = document.getElementById("location").innerHTML; 
    var clean = show.replace('<div class="custom-mouse-position">', ""); 
    var clean_again = clean.replace('</div>', ""); 
    var split = clean_again.split(','); 
}); 

Answer 2

map.on('click', function(evt){ 
    document.getElementById('coördinates').innerHTML = evt.coordinate.join(", "); 
});