谷歌地图 - 覆盖样式

发布于 2024-11-03 07:40:17 字数 445 浏览 0 评论 0原文

我在我的网站上使用 Google 地图 api,并且一直在尝试使用 jquery 的类切换来制作“全屏地图”。

我遇到了一个问题,因为包含我的谷歌地图的 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; }

感谢您的帮助。

I am using the Google Maps api on my website and I have been experimenting with making a "fullscreen map" using a class toggle with jquery.

I am running into a problem in that the div which contains my google map appears to inherit some styles from the API which I am having trouble removing/overriding - does anyone know if I can do this?

From firebug, the Div is showing -

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

The CSS class I'm toggling to make it fullscreen is -

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

Thanks for any help.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

痴意少年 2024-11-10 07:40:17

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

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

You could use jQuery to remove the style attribute:

$(function()
{
    $('#map.fullscreen').removeAttr('style');
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文