Javascript 谷歌地图信息框位置
我在谷歌上搜索这个问题已经有一段时间了,我得到的只是头痛。我在我的谷歌地图上添加了带有信息框的谷歌标记,但是信息框的位置比标记低,我多么希望它在标记上方。有人知道怎么做吗Javascript 谷歌地图信息框位置,javascript,css,google-maps-api-3,position,Javascript,Css,Google Maps Api 3,Position,我在谷歌上搜索这个问题已经有一段时间了,我得到的只是头痛。我在我的谷歌地图上添加了带有信息框的谷歌标记,但是信息框的位置比标记低,我多么希望它在标记上方。有人知道怎么做吗 请不要在某个地方链接,我今天看了很久了。提前感谢。将信息框的alignBottom-属性设置为true(默认值为false)。要进一步调整位置,请使用信息框的pixelOffset-属性。默认情况下,信息框将指向标记的左下角。您可以简单地执行以下操作: var ib= new InfoBox({ ....//other
请不要在某个地方链接,我今天看了很久了。提前感谢。将信息框的
alignBottom
-属性设置为true
(默认值为false
)。要进一步调整位置,请使用信息框的pixelOffset
-属性。默认情况下,信息框将指向标记的左下角。您可以简单地执行以下操作:
var ib= new InfoBox({
....//other properties,
pixelOffset: new google.maps.Size(-25, 0) //where your marker's height is 25px
});
//从本地加载自定义箭头我现在拥有的已按预期工作,信息框已位于标记顶部。我在地图的最上方也有一个div,有时信息框与它重叠。我该如何调整信息框,以便当信息框被div重叠时,它会调整其位置,使其低于通常的位置?提前谢谢。我想第一个数字是x偏移量(宽度),第二个是y偏移量(高度)。至少当我把它添加到我的信息框设置中时,我看到了这一点
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;
}