默認情況下，第二個城市是隱藏的。點擊第二個按鈕時，第一個城市地圖將隱藏，第二個城市地圖將顯示。但在那裏，第二個城市地圖顯示縮小方法。如何放大Google地圖。如何在html中默認縮放谷歌地圖
$(document).ready(function(){
$("#bangalore").click(function(){
$("#hyd").hide();
$("#ban").show();
});
$("#hyderabad").click(function(){
$("#ban").hide();
$("#hyd").show();
});
});
重裝一次，當它最初是隱藏的iframe：
$("#hyderabad").click(function() {
$("#ban").hide();
$("#hyd").show();
}).one('click', function() {
$("#hyd").prop('src', $("#hyd").attr('src'));
});
http://jsfiddle.net/p67mq6wo/6/
建議，以節省帶寬： 只設置初始可見iframe的src 。對於其他iframe，請在其中存儲URL的屬性data-src。
當你告訴其他I幀設置src爲data-src屬性：
$("#hyderabad").click(function() {
$("#ban").hide();
$("#hyd").show();
}).one('click', function() {
$("#hyd").prop('src', $("#hyd").data('src'));
});
尤其是當你有很多隱藏的iframe後你給他們的頁面將加載速度更快，這是因爲地圖只會加載。
http://jsfiddle.net/p67mq6wo/7/
當然你也可以使用一個iframe和簡單地設置新的src基於點擊的按鈕。