Google지도 v3에서 마커의 InfoWindow에 이미지를 추가하는 방법은 무엇입니까?

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

시도 :

Dr.Molle @

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

Answer 2

, 당신은 IE에 있음을 시도 했습니까? InfoWindow를 IE 내부에서 이미지가있을 때마다 열 수는 없습니다. 그들은 그것을 닫기위한 X를 가지고 작지만 다른 내용은 없습니다.

이미지를 제거하면 나머지 내용 (h1 태그, 링크, 텍스트)이 잘 나타나고 infoWindow가 열립니다.

모든 단서 ??

---

편집 : IE이의 이미지로 정보창을 렌더링 할 수 있도록 당신은 IMG 태그에 높이와 폭 속성을 지정해야합니다. IE는 역사상 최악의 브라우저입니다. POS는 무엇입니까?

그게 도움이 되었기를 바랍니다!

Answer 3

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

이것은 나를 위해 일했습니다.