Infofenster anzeigen

Um Informationen an einem Marker anzuzeigen, kann man ein sog. Infofenster verwenden:

Der Code hierzu ist:

	var infoWindow = new google.maps.InfoWindow(
	{	content: '<div style="min-height:80px;"><h1 style="margin-top:0px;">Dies ist das Brandenburger Tor</h1>Adresse: Pariser Platz, 10117 Berlin<br /><br /><small><i>Dies ist ein Infofenster - <br />der Inhalt kann frei bestimmt werden.</i></small></div>',
	});
	infoWindow.open(map, marker);

Dabei wird einfach dem Infofenster ein HTML-Text übergeben, der dessen Inhalt bestimmt. 

<script src="https://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=[Ihr Key]" type="text/javascript"></script>
<script type="text/javascript">
function LoadMap()
{	var map = new google.maps.Map(document.getElementById('karte'),
	{	center: new google.maps.LatLng(52.5162731, 13.3777642),
		zoom: 16,
		mapTypeId: google.maps.MapTypeId.HYBRID,
		scaleControl: true,
		overviewMapControl: true,
		overviewMapControlOptions:{opened:true},
	});

	var marker = new google.maps.Marker(
	{	position: new google.maps.LatLng(52.5162731, 13.3777642),
		map: map,
        title: 'Ein Marker'
	});

	var infoWindow = new google.maps.InfoWindow(
	{	content: '<div style="min-height:80px;"><h1 style="margin-top:0px;">Dies ist das Brandenburger Tor</h1>Adresse: Pariser Platz, 10117 Berlin<br /><br /><small><i>Dies ist ein Infofenster - <br />der Inhalt kann frei bestimmt werden.</i></small></div>',
	});
	infoWindow.open(map, marker);
}
</script>

Funktionalität zu einem Infofenster hinufügen: Route von/zum Marker berechnen lassen.