html - 谷歌地图 - 覆盖样式

Question

我在我的网站上使用 Google Maps api，我一直在尝试使用 jquery 的类切换来制作“全屏 map ”。

我遇到了一个问题，因为包含我的谷歌地图的 div 似乎从 API 继承了一些样式，我无法删除/覆盖这些样式 - 有人知道我是否可以这样做吗？

从 firebug，Div 正在显示 -

style="position: relative; background-color: rgb(229, 227, 223); z-index: 1;"

我正在切换以使其全屏显示的 CSS 类是 -

#map.fullscreen { position: fixed; width:100%; height: 100%; z-index: 60; left: 0; top: 0; }

感谢您的帮助。

Answer 1

您可以使用 jQuery 删除 style 属性:

$(function()
{
    $('#map.fullscreen').removeAttr('style');
});