Googleマップのインフォボックスのサイズを変更するにはどうすればよいですか？

Question

私はインフォボックスを作成するためにinfobox（google.maps.InfoWindowを継承するコントロール）を使用しています。しかし、私は問題を抱えているので、私は幅のCSSプロパティを使用することはできませんので、infoboxのサイズが違うので、インフォボックスの途中にアイコンを配置するためにピクセルオフセットを変更する幅を知る必要があります。

私は、GoogleのAPI V3を使用して、このJavaScriptコードを使用しています：

var boxText = document.createElement("div"); 
    boxText.style.cssText = "border: 1px solid black; margin-top: 8px; background: yellow; padding: 5px;"; 
    boxText.innerHTML = alertJson.innerHTML; 
    var myOptions = { 
      content: boxText 
      ,disableAutoPan: false 
      ,maxWidth: "280px" 
      ,pixelOffset: new google.maps.Size(-140, 0) 
      ,zIndex: null 
      ,boxStyle: { 
       background: "url('img/tipbox.gif') no-repeat" 
       ,opacity: 0.75 
       //,width: "280px" 
      } 
      ,closeBoxMargin: "10px 2px 2px 2px" 
      ,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif" 
      ,infoBoxClearance: new google.maps.Size(1, 1) 
      ,isHidden: false 
      ,pane: "floatPane" 
      ,enableEventPropagation: false 
    }; 

tipbox.gifは、私がインフォボックスの真ん中に位置する必要がアイコンであり、そしてpixelOffset私は変更する必要があるプロパティ。

widthプロパティをautoに変更しようとしましたが、機能しませんでした。

Answer 1

を想定すると、あなたは、マーカー・イベントにボックスを開く：

ストアすべての特定のデータ（幅、コンテンツなど）をマーカーオブジェクト内。イベントコールバックの中でそれらにアクセスすることができ、オープンする前にインフォボックスのオプションを設定することができます。