[英]google map infobox position
我一直在谷歌上搜索這個問題,我得到的只是頭痛。 我在谷歌地圖上添加帶有信息框的谷歌標記,但信息框位於標記之下,我怎么會真的很欣賞它超過標記。 有誰知道怎么做?
請不要把某些鏈接帶到某個地方,我今天看到的時間太長了。 先感謝您。
將alignBottom
-property設置為true
(默認為false
)。 要進一步調整位置,請使用infoBox的pixelOffset
-property
默認情況下,infoBox將指向標記的左下角。 你可以這樣做:
var ib= new InfoBox({
....//other properties,
pixelOffset: new google.maps.Size(-25, 0) //where your marker's height is 25px
});
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;
}
//從本地加載自定義箭頭
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.