Jak dodać obraz do InfoWindow markera w google maps v3?

Question

Mam obraz, który chcę dodać do znacznika, stagleton.png, i mam funkcję tworzenia znacznika. Jak zmienić metodę InfoWindow, aby obraz był wyświetlany z tekstem w oknie 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

Spróbuj:

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

Answer 2

@ Dr.Molle, czy spróbować, że w IE? Nie mogę uzyskać infoWindows, aby otworzyć w IE za każdym razem, gdy mają w nich obraz. Są po prostu małe z X, aby je zamknąć, ale bez żadnej innej zawartości.

Po usunięciu obrazu pozostała zawartość (znaczniki h1, łącza, tekst) wyświetla się prawidłowo, a następnie otwiera się okno infoWindow.

Jakieś wskazówki?

---

EDIT: należy określić wysokość i szerokość atrybutów w znaczniku IMG dla IE, aby móc uczynić infoWindow z obrazem w nim. IE jest najgorszą przeglądarką w historii, co za POS ...

Mam nadzieję, że to komuś pomaga!

Answer 3

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

To zadziałało dla mnie.