Wie füge ich ein Bild zu InfoWindow des Markers in Google Maps v3 hinzu?

Question

Ich habe ein Bild, das ich zu einem Marker hinzufügen möchte, stagleton.png, und ich habe eine Funktion zum Erstellen eines Markers. Wie ändere ich die InfoWindow-Methode, so dass das Bild auch mit dem Text im InfoWindow angezeigt wird?

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

Versuchen:

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

Answer 2

@ Dr.Molle, haben Sie versucht, dass in IE? Ich kann nicht die InfoWindows in IE öffnen, wenn sie ein Bild in ihnen haben. Sie sind nur winzig mit dem X, um es zu schließen, aber keinen anderen Inhalt.

Sobald ich das Bild entfernen, der Rest des Inhalts (h1 Tags, Links, Text) zeigt gut, und das InfoWindow öffnet.

Irgendwelche Hinweise ??

---

EDIT: Sie müssen Höhe und Breite Attribute in dem IMG-Tag angeben, für IE Lage sein, die mit einem Bild infowindow darin zu machen. IE ist der schlimmste Browser in der Geschichte, was für ein POS ...

Hoffentlich hilft das jemand!

Answer 3

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

Das funktionierte für mich.