4a. Get the Picture? Adding an Image to the Info Balloon

« Previous : Next »

Code Snippets

<script src="http://maps.google.com/maps?file=api
&amp;v=2&amp;key=[key]"
type="text/javascript"></script>
<script type="text/javascript">

//<![CDATA[

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(40.266044,-74.718479), 13);
var point = new GLatLng(40.266044,-74.718479);
map.addOverlay(new GMarker(point));
map.openInfoWindowHtml(point,
"<strong>Lawrence Library</strong><br />
<br /><img src='lawlib.jpg' /><br />
<a href='http://webserver.mcl.org/'>More
Info...</a>");
}
}

//]]>
</script>

The Resulting Map