Den google API Key in die Webseite einbauen

 

Nachfolgenden Code geben Sie im head Bereich ein:

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=Hier geben Sie Ihren Schlüssel ein"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(47.8284212,12.2523896), 15);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
}}
//]]>
</script>
 
Mit map.setCenter legen Sie den Mittelpunkt Ihrer Karte fest. Die "15" ist der zoomfaktor - je grösser die Zahl, desto detailreicher erscheint die Karte.
Mit map.addControl(new GSmallMapControl()); erlauben Sie Ihrem Besucher in der Karte zu navigieren (ein- und auszoomen und verschieben)
Mit map.addControl(new GMapTypeControl()); erlauben Sie Ihrem Besucher unter den verschiedenen Kartenansichten zu wechseln.
 
Der body- tag sollte folgenden Code haben:
 
<body onload="load()" onunload="GUnload()">
 
Und hier sehen Sie das Ergebnis: