iframe设置为click event。它适用于打开页面后的首次点击。但不适用于第二次。请帮忙

Question

使用Google Map API V3，我创建了一个html页面。 它完美加载gmap，我设置了按钮以在iframe中加载另一个基于网络的地图（mapmyindia.com）。 基本上，它是从gmap中获取参数（经度/经度）并提取到该帧中进行加载的。 第一次点击即可浏览并导航当前gmap位置。 平移另一个位置并单击“提交”按钮后，应该将gmap的当前位置加载到iframe中。 但这第二次不起作用。 请查看我的代码和帮助...！

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
var map;
var marker
function initialize()
{
var mapOpt = {
  center:new google.maps.LatLng(20.6588,80.9562),
  zoom:6,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
map=new google.maps.Map(document.getElementById("googleMap"),mapOpt);



google.maps.event.addListener(map, 'mousemove', function(event) {
        document.getElementById("pp").value = map.getCenter().lat() + "," +map.getCenter().lng();
        });


}
google.maps.event.addDomListener(window, 'load',initialize);
function copyText()
{
var xy=map.getCenter().lat()+ "," +map.getCenter().lng();

document.getElementById("latlng").value=xy;
document.getElementById("Zoom").value=map.getZoom();
}

function copyText1()
{
var xy=map.getCenter().lat()+ "," +map.getCenter().lng();
}



function OfferTwo(){
var mmy = map.getCenter().lng() + "," +map.getCenter().lat();
var sUrl = document.getElementById('offer2').src;
//var Zm= map.getZoom();
var Zm= '8';
document.getElementById('offer2').src = 'http://maps.mapmyindia.com/embed.html#current:'+Zm+','+mmy;
}


</script>
</head>
<body>
<input type= "text" ID=latlng>
<input type="text" ID=Zoom size="5" maxlength="2">
<input type ="text" ID="pp" >
<button onClick="copyText()">Submit</button>
<button onClick="OfferTwo()">Go To MMy</button>
<p Id="mmyurl">MamMyIndia Link</p>



<br><br>
<div id="googleMap"style="width:700px;height:500px;"></div>
<iframe id="offer2" Width="700" Height ="500"></iframe>

</body>
</html>

Answer 1

您的脚本只会更改url中的哈希值，第二次单击按钮时，浏览器将尝试跳至锚点，而不是重新加载地图。

向QUERY_STRING添加一个更改的参数：

document.getElementById('offer2').src 
  = 'http://maps.mapmyindia.com/embed.html?'+
     new Date().getTime()+'#current:'+Zm+','+mmy;

iframe设置为click event。它适用于打开页面后的首次点击。但不适用于第二次。请帮忙

问题描述

1 个解决方案

解决方案1
0 2013-02-23 20:05:06

iframe设置为click event。 它适用于打开页面后的首次点击。 但不适用于第二次。 请帮忙

问题描述

1 个解决方案

解决方案1 0 2013-02-23 20:05:06

iframe设置为click event。它适用于打开页面后的首次点击。但不适用于第二次。请帮忙

解决方案1
0 2013-02-23 20:05:06