How to add an image to InfoWindow of marker in google maps v3?

google-maps, html, javascript

Solution

Try:

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

Problem

I have an image that I want to add to a marker, stagleton.png, and I have a function to create a marker. How do I change the InfoWindow method so that the image is also displayed with the text in the 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; } ```

Original source