Google Haritalar v3'te işaretçinin InfoWindow'una nasıl resim eklenir?

Question

İşaretçiye eklemek istediğim bir resmim var, stagleton.png ve bir işaretçi oluşturma işlevim var. InfoWindow yöntemini, görüntü InfoWindow'daki metinle de görüntülenecek şekilde nasıl değiştiririm?

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

Dene:

Dr.Molle @

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

Answer 2

, IE'deki olduğunu çalıştın? Ne zaman onlar içinde bir görüntü var zaman IE'de açmak için InfoWindows alamıyorum. Kapatmak için X ile küçükler, ama başka içerik yok.

Resmi kaldırdığım anda, içeriğin kalan kısmı (h1 etiketleri, bağlantılar, metin) iyi gösterilir ve infoWindow açılır.

Herhangi bir ipucu?

---

DÜZENLEME: IE içinde bir görüntü ile infowindow işlemek edebilmek için Sen IMG etiketinde yükseklik ve genişlik özelliklerini belirtmek GEREKİR. IE tarihin WORST tarayıcısı, ne bir POS ...

Umarım bu birilerine yardım eder!

Answer 3

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

Bu, benim için çalıştı.