Asp.net mvc 在带有twitter引导的站点中使用Gmaps.js时出现问题。缩放按钮不显示
我正在使用gmaps.js在一个基于twitter引导的网站上创建地图,谷歌地图的放大/缩小按钮不会出现。我还注意到,当您单击标记时,“x”关闭按钮不会出现。这是该页面的链接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 } 这是因为
任何帮助都将不胜感激。在检查时,
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%;/在此处更改它
。没有问题(此处更改意味着必须在此处完成),但仍希望为您提供更新:)