Google Map Infowindow未正确显示

时间:2013-06-18 18:47:34

标签: google-maps google-maps-api-3 infowindow

点击标准Google Marker后,我会打开一个标准的Google Map Infowindow。向下指向标记的箭头似乎是几个像素关闭。我一直在撞墙,试图找出我的CSS中的哪些属性正在影响它。影响img {max-width:100%}的ZURB Foundation框架属性导致了一些其他问题,但我能够跟踪并调整。我似乎无法找到这个原因。我正在使用ZURB v4和GMapsv3。

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

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

2 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:0)

我面临同样的问题,控件没有显示,Infowindow没有正确显示。 JavaScript显示,

  

未捕获类型错误:undefined不是函数。

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

this.each(function(value, index) {

      results.push(iterator.call(context, value, index));
});