erhalten Koordinaten als Variablen aus Openlayer 3 Karte

Question

Für mein Projekt möchte ich ein Textfeld mit den x-und y-Koordinaten füllen, wenn ich in die Karte klicken. Ich habe das auf meinem Bildschirm mit diesem diesem Standardcode angezeigt Koordinaten:

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

so dachte ich: wenn ich mousePositionControl als Variable für die x verwenden und y-Koordinate i dies erhalten in der Textbox. Also habe ich versucht, dies:

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

aber das Ergebnis i in das Textfeld erhalten, ist dies: [object Object]

Kann mir jemand helfen mit diesem Problem?

Answer 1

Ich habe es gerade selbst herausgefunden. Ich bat um das volle Element und streifte und ersetzte das, damit ich bekam, was ich bekam.

Der Code:

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(", "); 
});