Javascript 如何在html中默认放大谷歌地图

默认情况下，第二个城市为隐藏。单击第二个按钮时，第一个城市地图将隐藏，第二个城市地图将显示。但在那个里，第二张城市地图显示了缩小方法。如何放大谷歌地图

---

初始隐藏时重新加载iframe一次：

$("#hyderabad").click(function () {
    $("#ban").hide();
    $("#hyd").show();

}).one('click', function () {
    $("#hyd").prop('src', $("#hyd").attr('src'));
});

保存bandwith的建议： 仅设置初始可见iframe的

src

。对于其他iframe，在存储URL的位置设置属性

data src

显示其他iFrame时，将src设置为

数据src

属性：

$("#hyderabad").click(function () {
    $("#ban").hide();
    $("#hyd").show();

}).one('click', function () {
    $("#hyd").prop('src', $("#hyd").data('src'));
});

尤其是当你有许多隐藏的iFrame时，页面的加载速度会快得多，因为只有当你显示它们时，地图才会被加载

---

当然，您也可以使用单个iframe，只需根据单击的按钮设置新的

src

。

Hello在谷歌地图iframe中，我们不能直接设置为显示：无 看你的演示

查看此链接

$("#hyderabad").click(function () {
    $("#ban").hide();
    $("#hyd").show();

}).one('click', function () {
    $("#hyd").prop('src', $("#hyd").data('src'));
});