¿Cómo agregar una imagen a InfoWindow de marcador en google maps v3?

Question

Tengo una imagen que quiero agregar a un marcador, stagleton.png, y tengo una función para crear un marcador. ¿Cómo cambio el método InfoWindow para que la imagen también se muestre con el texto en 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

Probar:

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

Answer 2

@ Dr.Molle, ¿trató de que en IE? No puedo abrir las ventanas de información en IE cada vez que tienen una imagen dentro de ellas. Son muy pequeños con la X para cerrarla, pero ningún otro contenido.

Tan pronto como elimine la imagen, el resto del contenido (etiquetas h1, enlaces, texto) se muestra bien y se abre la ventana de información.

¿Alguna pista?

---

EDIT: Se debe especificar la altura y el ancho de atributos en la etiqueta IMG para IE para ser capaz de hacer que el infoWindow con una imagen en ella. IE es el peor navegador de la historia, qué punto de venta ...

¡Espero que ayude a alguien!

Answer 3

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

Esto funcionó para mí.