Question

我正在研究ol3，我有以下鼠标悬停代码，它获得纬度和经度，然后将它们抛到＆＃34; DIV＆＃34;其ID是＆＃39;鼠标位置＆＃39;：

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: '&nbsp;'
});

和相应的html div是：

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

问题：我希望将这些纬度/经度值显示在＆＃34; TEXTBOX＆＃34; 上，而不是简单地在格。

我简单地将div id更改为文本框中的＆＃34; target＆＃34;领域，但它没有工作！我也玩过值属性，但无法找到解决方案。我很期待这些建议，非常感谢您的时间。：）

注意：以上链接的完整代码可在以下链接中找到： http://openlayers.org/en/master/examples/mouse-position.html

Answer 1

如果是＆＃34; textbox＆＃34;你的意思是 textarea 然后这不会起作用。 Textarea需要一个值而不是＆＃34; innerHTML，如＆＃34;。

Answer 2

尝试获取坐标：

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

然后将此值设置为您的文本框

如何使用openlayers3在文本框中显示地图鼠标悬停值？

2 个答案: