3

我有一个标准的谷歌地图信息窗口,通过点击标准的谷歌标记打开。指向标记的箭头似乎偏离了几个像素。我一直在用头撞墙,试图弄清楚我的 CSS 中的哪些属性正在影响它。影响 img { max-width: 100% } 的 ZURB Foundation 框架属性导致了一些其他问题,但我能够追踪并调整。我似乎无法找到这个原因。我正在使用 ZURB v4 和 GMapsv3。

http://stage2.curran-connors.com/depend/index.php/contact/

单击一个标记,您将看到箭头在信息窗口的边框下方开始。

4

2 回答 2

4

Zurb Foundation 将所有内容的box-sizing样式设置为border-box。这会导致您在 Google 地图信息窗口中看到的对齐错误。

修复:

#map_container div {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
于 2013-06-18T20:14:42.970 回答
0

我遇到了同样的问题,控件没有显示并且Infowindow没有正确显示。JavaScript 显示,

未捕获的类型错误:未定义不是函数。

从prototype.js 中评论/删除以下代码解决了我的问题

this.each(function(value, index) {

      results.push(iterator.call(context, value, index));
});
于 2015-01-21T11:49:42.913 回答