谷歌地图信息框位置答案

【问题标题】：google map infobox position谷歌地图信息框位置
【发布时间】：2013-02-03 00:56:37
【问题描述】：

我在谷歌上搜索这个问题已经有一段时间了，我得到的只是头痛。我在我的谷歌地图上添加了带有信息框的谷歌标记，但信息框的位置低于标记，我真的很感激它超过标记。有人知道怎么做吗？

请不要将某些链接指向某个地方，我今天看到它很长时间了。提前谢谢你。

【问题讨论】：

标签： javascript css google-maps-api-3 position

【解决方案1】：

将信息框的alignBottom-属性设置为true（默认为false）。如需进一步调整位置，请使用 infoBox 的pixelOffset-property

【讨论】：

我现在所拥有的已经按预期工作，信息框已经在标记的顶部。我在地图的最上部还有一个 div，在某些情况下，信息框会被它覆盖。我将如何调整信息框，以便当信息框与 div 重叠时，它将调整它的位置，使其低于通常的位置？提前致谢。

【解决方案2】：

默认情况下，信息框将指向标记的左下角。你可以这样做：

var ib= new InfoBox({
    ....//other properties,
    pixelOffset: new google.maps.Size(-25, 0) //where your marker's height is 25px
});

【讨论】：

我认为第一个数字是x-offset（宽度），第二个是y-ofset（高度）。至少当我将它添加到我的 InfoBox 设置时，我看到的是这样

【解决方案3】：

infobox = new InfoBox({
         content: document.getElementById("infobox"),
         disableAutoPan: false,
         maxWidth: 150,
         pixelOffset: new google.maps.Size(-140, -45),
         zIndex: null,
         boxStyle: {
            background: "url('http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/tipbox.gif') 0% 100% no-repeat",
            opacity: 0.75,
            width: "280px"
        },
        infoBoxClearance: new google.maps.Size(1, 1),
        alignBottom: true
    });


#infobox {
    border:2px solid black;
    margin-bottom: 8px;
    background:#333;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: .5em 1em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow:0 -1px #000000;
    -webkit-box-shadow: 0 0  8px #000;
    box-shadow: 0 0 8px #000;
}

// 从本地加载自定义箭头

【讨论】：