Karte mit Markern
Um auf der Karte einen Marker darzustellen, wird der Code wie folgt erweitert:
<script src="http://maps.google.com/maps?file=api&v=2&key=[Schlüssel]" type="text/javascript"></script>
<script type="text/javascript">
/* <![CDATA[ */
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
var mapcenter = new GLatLng(47.43985278, 11.69574722);
var markerpos = new GLatLng(49.366364, 11.68812778);
var marker = new GMarker(markerpos);
map.setCenter(mapcenter, 13);
map.addOverlay(marker);
}
}
/* ]]> */
</script>
Wie zu sehen ist, muss der Marker nicht zwangsläufig in der Mitte der Karte sein:
Ebenso können auch mehrere Marker auf der Karte positioniert werden:
<script src="http://maps.google.com/maps?file=api&v=2&key=[Schlüssel]" type="text/javascript"></script>
<script type="text/javascript">
/* <![CDATA[ */
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
var mapcenter = new GLatLng(47.43985278, 11.69574722);
var markerpos = new GLatLng(47.43916667, 11.68812778);
var marker1 = new GMarker(markerpos);
var markerpos = new GLatLng(47.44123889, 11.70390556);
var marker2 = new GMarker(markerpos);
map.setCenter(mapcenter, 13);
map.addOverlay(marker1);
map.addOverlay(marker2);
}
}
/* ]]> */
</script>