Javascript 使用.hide和.show交换地图时,Google地图会中断
我试图让用户点击两个不同的地址来显示两个不同的谷歌地图。地址用Javascript 使用.hide和.show交换地图时,Google地图会中断,javascript,jquery,google-maps,iframe,show-hide,Javascript,Jquery,Google Maps,Iframe,Show Hide,我试图让用户点击两个不同的地址来显示两个不同的谷歌地图。地址用 我已经三次检查了映射代码,iFrame的内容没有问题。我不知道还能是什么 隐藏后,必须在要显示的地图上触发“调整大小” 这里有一个答案,可能会有帮助 <a href="#" id="display_bush_map"><br> 5123 Bush River Rd.<br> Columbia SC 29212</a> <a href="#" id="displa
我已经三次检查了映射代码,iFrame的内容没有问题。我不知道还能是什么 隐藏后,必须在要显示的地图上触发“调整大小” 这里有一个答案,可能会有帮助
<a href="#" id="display_bush_map"><br>
5123 Bush River Rd.<br>
Columbia SC 29212</a>
<a href="#" id="display_wappoo_map" <br>
1023 Wappoo Road Suite A7<br>
Charleston, SC 29407</a>
<script>
$(document).ready(function(){
//set the default map to Bush River Rd
//hide the Wappoo Road map on page load
$("#wappoo_road").hide();
//clicking Bush River address makes Bush River map display
$("#display_bush_map").click(function() {
$("#bush_river").show();
$("#wappoo_road").hide();
return false; // so link click doesn't reload page
});
$("#display_wappoo_map").click(function() {
$("#wappoo_road").show();
$("#bush_river").hide();
return false;
});
});</script>
<div id="bush_river" class="google_maps"><iframe src="mapcode1" width="1366" height="318" frameborder="0" style="border:0"></iframe></div>
<div id="wappoo_road" class="google_maps"><iframe src="mapcode2" width="1366" height="318" frameborder="0" style="border:0"></iframe></div>