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

У меня есть изображение, которое я хочу добавить в маркер, 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;
}

Ответы

Ответ 1

Try:

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

Ответ 2

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

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

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

РЕДАКТИРОВАТЬ: вы ДОЛЖНЫ указывать атрибуты высоты и ширины в теге IMG для IE, чтобы иметь возможность отображать инфо-окно с изображением в нем. IE является браузером WORST в истории, что POS...

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

Ответ 3

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

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