DruckversionEine erste Karte mit der Google Maps API
Der vollständige Code und ein Anschauungsbeispiel
<!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 testen
:
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.
Dies ist eine Leseprobe
Möchten Sie den Beitrag komplett lesen? Dann werden Sie Probemitglied und testen Sie akademie.de 14 Tage kostenlos!
Auf Google Maps API: Google-Karten einbinden erfahren Sie mehr über diesen Beitrag und die weiteren Leseproben.
Weitere Informationen finden Sie auf unserer Infoseite zur Mitgliedschaft und in unseren AGB.
Ich bin bereits Mitglied