Google Map v3のマーカーのInfoWindowに画像を追加するには？

Question

マーカーに追加したい画像stagleton.pngがあり、マーカーを作成する機能があります。 InfoWindowメソッドを変更して、イメージがInfoWindow内のテキストとともに表示されるようにするにはどうすればよいですか？

function createMarker(name, latlng, mapsent) 
{ 
    var marker = new google.maps.Marker({ 
         position: latlng, 
         map: mapsent, 
         title: name 
         }); 
    marker.info = new google.maps.InfoWindow({ 
       //when I add <IMG BORDER="0" ALIGN="Left" SRC="stagleton.jpg"> the maps will not load 
     content: <IMG BORDER="0" ALIGN="Left" SRC="stagleton.jpg"> "My name is " + name 

    }); 

    google.maps.event.addListener(marker, 'click', function(){ 
     marker.info.open(mapsent, marker); 
    }); 
    return marker; 
} 

Answer 1

試してみてください。

content: '<IMG BORDER="0" ALIGN="Left" SRC="stagleton.jpg"> My name is ' + name 

Answer 2

Dr.Molle @、あなたはIEでそれを試してみたのですか？ infoWindowsをIE内で開くことはできません.IEWindow内にイメージがあるときはいつでも開くことができます。彼らはそれを閉じるためにXでちょうど小さいですが、他のコンテンツはありません。

イメージを削除すると、残りのコンテンツ（h1タグ、リンク、テキスト）が表示され、infoWindowが開きます。

すべての手がかり??

---

EDIT：IEはそれで、画像と情報ウィンドウをレンダリングできるようにするためにあなたはIMGタグで高さと幅の属性を指定する必要があります。 IEは歴史の中で最悪のブラウザです、どのようなPOS ...

うまくいけば誰かを助ける！

Answer 3

var contentString = "<a href=/popups/" + id + '>' + name + "</a>" + '<br>' + address 
    + '<br>' + category + '<br>' + "<img width='80' src=" + image + ">" ; 

これは私に役立ちました。