javascript - Google マップのインフォボックスの位置

Question

私はしばらくの間その質問をグーグルで調べてきましたが、私が得たのは頭痛だけです。Google マップにインフォボックス付きの Google マーカーを追加しましたが、インフォボックスはマーカーよりも下にありますが、マーカーの上にあると本当にありがたいです。誰もそれを行う方法を知っていますか?

そして、どこかへのリンクを飛ばさないでください。前もって感謝します。

Answer 1

infoBoxのalignBottom-property をtrue(デフォルトはfalse) に設定します。位置をさらに調整するにpixelOffsetは、infoBox の -property を使用します。

Answer 2

デフォルトでは、infoBoxはマーカーの左下を指します。あなたは単にこれを行うことができます：

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

Answer 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;
}

// カスタマイズされた矢印をローカルから読み込みます