Как добавить изображение в InfoWindow маркера в google maps v3?

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

Try:

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

Answer 2

@ Dr.Molle, пытались ли вы, что в IE? Я не могу заставить infoWindows открываться в IE каждый раз, когда у них есть изображение внутри них. Они просто крошечные с X, чтобы закрыть его, но никакого другого контента.

Как только я удаляю изображение, остальная часть содержимого (h1 теги, ссылки, текст) отображается в порядке, и открывается информационное окно.

Любые подсказки ??

---

EDIT: Вы должны указать высоту и ширину атрибутов в теге IMG для IE, чтобы быть в состоянии оказать InfoWindow с изображением в нем. IE является браузером WORST в истории, что POS ...

Надеюсь, это поможет кому-то!

Answer 3

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

Это сработало для меня.