Google Maps für Ihre Website

Eine erste Karte mit der Google Maps API: Der vollständige Code und ein Anschauungsbeispiel

∅ 4.9 / 7 Bewertungen

Der vollständige Code und ein Anschauungsbeispiel

Auf dieser Seite

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Eine erste einfache Karte</title>
<style type="text/css">
  #karte { width: 400px; height: 400px;}
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
function initialize() {
  var latlng = new google.maps.LatLng(48.13675, 11.57632);
  var myOptions = {
    zoom: 16,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("karte"), myOptions);
}
</script>
</head>
<body onload="initialize()">
  <div id="karte" ></div>
</body>
</html>

Sie können das Beispiel auch live testenAnzeigen:

Internetverbindung nötig!

Wenn Sie das Beispiel am heimischen Rechner ausprobieren, brauchen Sie eine aktive Internetverbindung, damit es klappt. Das liegt daran, dass am Anfang die API aus dem Internet geladen wird.