openlayer 3のマップから変数を取得する

Question

私のプロジェクトでは、マップ内をクリックするたびに、xとyのテキストを入力するテキストボックスを入力したいと思います。私はこの本標準コードで私の画面上に表示座標を持っている：

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

はそう私は考えた：私はxの変数としてmousePositionControlを使用し、y座標場合、私はテキストボックスでこれを取得します。だから私はこれを試してみました：

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

が、私は、テキストボックスに取得結果がこれです：[オブジェクトのオブジェクト]

は、誰かがこの問題で私を助けることはできますか？

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