在 iFrame 中顯示緯度和經度標記值

Question

我有一個主 HTML 文件 (index.html)，我在其中加載地圖 (OpenLayers)，每次用戶單擊地圖上的某個位置時，都會添加一個標記，並且會打開一個帶有 iframe (iframe_content.html) 的模態窗口。 這個 iframe 內容文件有一個包含許多輸入字段的表單，我想在對應的輸入字段中顯示緯度和經度標記值。

我是一個 JavaScript 菜鳥，但目前我已經可以獲取那些 LonLat 值並在 JS 警報中顯示它們，所以我想我只需要弄清楚如何將這些值“發送”到位於另一個的對應輸入字段文件«iframe_content.html»。

你能給我一些關於這個的提示嗎？ 提前致謝！

數控

Answer 1

當您加載模態時，您可能會遇到這樣的事情：

var iframe = document.getElementById('iframe_id');
var inner  = iframe.contentDocument || iframe.contentWindow.document;

現在，如果您將字段作為名稱數組：

var fields  = inner.getElementsByName('fields[]');

或者通過 id 獲取它們：

var lat_field  = inner.getElementsById('latitude');
var lon_field  = inner.getElementsById('longitude');

現在只需將字段的值設置為您想要的值，在這種情況下為坐標：

fields[0].value = coordinate['latitude'];
fields[1].value = coordinate['longitude'];

或者使用 ID：

lat_field.value = coordinate['latitude'];
lon_field.value = coordinate['longitude'];