將經緯度和長度傳遞給iframe

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

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&output=embed"; 
 
document.getElementById('map').src = src; 
 
}

<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>

試試這個我加你在頁面從一個php文件加載的改變IFRAME