Question

我有一个带有它坐标的iframe地图，以及两个带有值的输入，这些值来自数据库，我想将这些值传递给地图坐标，我该怎么做？这是我的代码：

 <iframe width="100%" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q='+MYLAT+','+MYLONG+'&hl=es;z=14&amp;output=embed"></iframe>

<form>
<div class="form-group">
<input type="hidden" class="form-control" value="Latitude" id="lat">
</div>
<div class="form-group">
<input type="hidden" class="form-control" value="Longitude" id="long">
</div>
</form>

Answer 1

出于安全原因，您无法将属性直接传递给iFrame DOM节点。你需要找到其他方法将它们传递给地图。也许用参数加载地图。

Answer 2

＆＃13;

function changeloc()
{
var lat = document.getElementById('lat').value;
var long = document.getElementById('long').value;
var src = "https://maps.google.com/maps?q="+lat+","+long+"&hl=es;z=14&amp;output=embed";
document.getElementById('map').src = src;
}

＆＃13;

<iframe width="100%" height="600" frameborder="0" scrolling="no" marginheight="0" id="map" marginwidth="0" src="https://maps.google.com/maps?q='+MYLAT+','+MYLONG+'&hl=es;z=14&amp;output=embed"></iframe>

<form>
<div class="form-group">
<input type="text" class="form-control" value="Latitude" id="lat">
</div>
<div class="form-group">
<input type="text" class="form-control" value="Longitude" id="long">
</div>
</form>
<button onclick='changeloc();'>Change loc</button>

＆＃13;

试试这个我添加了一个改变iframe的src

的按钮

将lat和long传递给iframe

2 个答案: