0

インフォボックスライブラリを使用してインフォウィンドウをカスタマイズするGoogleマップを作成しました。ただし、一部のInfoWindowsを他のInfoWindowsよりも広くするのに苦労しています。これはデモマップで見ることができます。

var w = "530px";
if(!foto){
w= "200px";
}

var myOptions = {
maxWidth: 0
,boxStyle: { background: "url('tipbox.gif') no-repeat", width: w }
,closeBoxMargin: "10px 2px 2px 2px"
};
infoWindow = new InfoBox(myOptions);

デモをデバッグすると、wが正しく設定されていることがわかります。

ここに画像の説明を入力してください ここに画像の説明を入力してください

ただし、両方のInfoWindowsの幅は同じです。

4

1 に答える 1

0

マーカークリックリスナーが実行されると、infoBoxのコンテンツ（setContent（boxText））は変更されますが、サイズは変更されません。setContent呼び出しをsetOptions（myOptions）に置き換えます。これにより、boxTextを含むすべてが変更されます。

google.maps.event.addListener(marker, "click", function(){
  if(map.getZoom() < 6) map.setZoom(6);

  map.panTo(marker.getPosition());
  infoWindow.setOptions(myOptions);
  infoWindow.open(map, marker);
});

ところで-合理的な方法でコードをインデントすると、理解しやすくなります。

于 2012-07-01T23:48:20.190 に答える