öffentlich
Redaktion Druckversion

Google Maps für Ihre Website

4.833335
(6)
Beitrag bewerten
Kommentar schreiben
Stand: 30. August 2010

Eine 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 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.

Mitglied werden, Vorteile nutzen!

  • Sie können alles lesen und herunterladen: Beiträge, PDF-Dateien und Zusatzdateien (Checklisten, Vorlagen, Musterbriefe, Excel-Rechner u.v.a.m.)
  • Unsere Autoren beantworten Ihre Fragen

Inhalt

Downloads zu diesem Beitrag

Über die Autorin:

bild117864

Dr. Florence Maurice bietet Dienstleistungen im Webpublishing in Form von Fachtexten und Trainings (auch maßgeschneiderte Inhouse-Schulungen). Außerdem programmiert sie Webseiten. Ihre Themen: HTML, ...

Newsletter abonnieren