css - Googleマップの情報ウィンドウが広すぎる

Question

マーカーをクリックすると、Googleマップで情報ウィンドウが開きます。

コードは次のようになります。

var point = 
    new GLatLng(
        mPointSet.points[i].lat,
        mPointSet.points[i].long);

var marker = new GMarker(point);

function createMarker(marker, message)
{
    GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(
            $("#marker-popup-template").html());
    });
}

createMarker(marker);

mBigMap.addOverlay(marker);

問題は、インフォウィンドウに入力されているものが最大幅200ピクセルになるようにスタイル設定されていても、インフォウィンドウのレンダリング幅が広すぎて約400ピクセルになることです。

小さくする方法はありますか？

Answer 1

maxWidthを試してください。

marker.openInfoWindowHtml(
    $("#marker-popup-template").html(),
    { maxWidth: 400 }
);