Как показать значения наведения мыши на карте в текстовом поле с помощью openlayers3?

Я работаю над ol3, и у меня есть следующий код наведения мыши, который получает широту и долготу, а затем добавляет их в «DIV», чей идентификатор — «позиция мыши»:

var mousePositionControl = new ol.control.MousePosition({
  coordinateFormat: ol.coordinate.createStringXY(4),
  projection: 'EPSG:4326',
  // comment the following two lines to have the mouse position
  // be placed within the map.
  className: 'custom-mouse-position',
  target: document.getElementById('mouse-position'),
  undefinedHTML: ' '
});

и соответствующий html div:

<div class="span6" id="mouse-position">&nbsp;</div>

ПРОБЛЕМА: я хочу, чтобы эти значения широты и долготы отображались в "TEXTBOX", а не просто отображались в div.

Я просто изменил идентификатор div на идентификатор текстового поля в поле «цель», но это не сработало! Я также играл с атрибутом value, но не смог найти решение. Я с нетерпением жду предложений, большое спасибо за время. :)

ПРИМЕЧАНИЕ. Полный код приведенных выше фрагментов можно найти по этой ссылке: http://openlayers.org/en/master/examples/mouse-position.html


javascript openlayers-3
person Amir    schedule 18.05.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Если под «текстовым полем» вы подразумеваете текстовое поле, то это не сработает. Textarea требует значения, а не «внутреннего HTML».

person Jonatas Walker    schedule 19.05.2015

arrow_upward
0
arrow_downward

попробуйте это, чтобы получить координаты:

var corde = document.getElementsByClassName("custom-mouse-position");
var resultElement=corde[0].innerHTML

затем установите это значение в текстовое поле

person Arthur Gs    schedule 01.03.2020