google-maps-api-3 - infoBubble がマーカー上に正しく配置されていません

Question

1 つのマーカーと 1 つの infoBubble を持つ Google マップがあります。マーカーをクリックすると、インフォバブルが表示されます。問題は、インフォバブルがマーカーの上ではなく、マーカーの上に表示されることです。スクリーンショットを見る:

infoBubble は閉じています: infoBubble は開いています: これはコードです。名前付きの住所しかないため、ジオコーダーを使用しています:

geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var myOptions = {
                zoom: 14,
                center: results[0].geometry.location,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

            var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location
            });

            //i am using simple InfoBubble initialization
            var infoBubble = new InfoBubble(
                {
                    map: map,
                    content: "<h2>"+name+"</h2><div>"+street+"</div><div>"+city+", "+zip+"</div>"
                });


            google.maps.event.addListener(marker, 'click', function(e) {
                infoBubble.open(map,marker);
            });

        }
    });

なぜこれが起こっているのか手がかりはありますか？

Answer 1

infoBubblemapを作成するときに - オプションを省略します。