Asp.net mvc 在带有twitter引导的站点中使用Gmaps.js时出现问题。缩放按钮不显示

Asp.net mvc 在带有twitter引导的站点中使用Gmaps.js时出现问题。缩放按钮不显示,asp.net-mvc,html,google-maps,css,twitter-bootstrap,Asp.net Mvc,Html,Google Maps,Css,Twitter Bootstrap,我正在使用gmaps.js在一个基于twitter引导的网站上创建地图,谷歌地图的放大/缩小按钮不会出现。我还注意到,当您单击标记时,“x”关闭按钮不会出现。这是该页面的链接 任何帮助都将不胜感激。在检查时,img标签具有最大宽度:100% 所以试试这个,它是有效的 img { max-width: none; } 可能是由于CSS冲突而发生的 更新:正如我所怀疑的,这是一个CSS冲突。 img { max-width:100%; // change it here } 这是因为

我正在使用gmaps.js在一个基于twitter引导的网站上创建地图,谷歌地图的放大/缩小按钮不会出现。我还注意到,当您单击标记时,“x”关闭按钮不会出现。这是该页面的链接


任何帮助都将不胜感激。

在检查时,
img
标签具有
最大宽度:100%

所以试试这个,它是有效的

img {
max-width: none;
}
可能是由于CSS冲突而发生的

更新:正如我所怀疑的,
这是一个CSS冲突。

img {
    max-width:100%;  // change it here
}
这是因为您的
布局。css

img {
    max-width:100%;  // change it here
}

检查时,
img
标签具有
最大宽度:100%

所以试试这个,它是有效的

img {
max-width: none;
}
可能是由于CSS冲突而发生的

更新:正如我所怀疑的,
这是一个CSS冲突。

img {
    max-width:100%;  // change it here
}
这是因为您的
布局。css

img {
    max-width:100%;  // change it here
}

Bootstrap存在一个与google maps api冲突的问题。该问题适用于所有图像的
最大宽度:100%
。这在大多数情况下是可以接受的,但它会导致与GoogleAPI冲突

引导程序开发人员曾多次尝试修复此问题和各种恢复

为了解决这个问题,使它只影响谷歌地图,我建议使用以下css

#map label { width: auto; display:inline; }
#map img { max-width: none; }

Bootstrap存在一个与google maps api冲突的问题。该问题适用于所有图像的
最大宽度:100%
。这在大多数情况下是可以接受的,但它会导致与GoogleAPI冲突

引导程序开发人员曾多次尝试修复此问题和各种恢复

为了解决这个问题,使它只影响谷歌地图,我建议使用以下css

#map label { width: auto; display:inline; }
#map img { max-width: none; }

@user2525027这就是我的意思,并给出了正确的答案。在我的更新中,我使用了max-
width:100%;/在此处更改它
。没问题(这里的更改意味着必须在这里完成),但我想给你一个更新:)@user2525027这就是我的意思,并给出了正确的答案。在我的更新中,我使用了max-
width:100%;/在此处更改它
。没有问题(此处更改意味着必须在此处完成),但仍希望为您提供更新:)