asp.net-mvc - 在带有 twitter 引导程序的站点中使用 Gmaps.js 的问题。缩放按钮未出现

Question

我正在使用 gmaps.js 在基于 twitter bootstrap 的站点中创建地图，并且没有出现 google maps 放大/缩小按钮。我还注意到，当您单击标记时，没有出现“x”关闭按钮。这是该页面的链接。

任何帮助将非常感激。

score 3 · Accepted Answer

Bootstrap 存在与 google maps api 冲突的问题。该问题适用max-width:100%于所有图像。这在大多数情况下是可以接受的，但它会导致与 google api 发生冲突。

引导程序开发人员进行了各种尝试来解决此问题以及各种恢复 - https://github.com/twbs/bootstrap/issues/1552。

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

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

score 1 · Accepted Answer

在检查时，img标签有max-width: 100%

所以试试这个，它正在工作。

img {
max-width: none;
}

可能是由于CSS Conflict而发生的。

更新：正如我所怀疑的，it is a CSS Conflict.

它的发生是因为你layout.css

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

2 回答 2