nicht angemeldet
Hallo liebes Forum,
ich möchte gerne eine G.map in meine Homepage einbinden und habe auch schon reichlich gegoogled.
Dabei habe ich in Erfahrung gebracht, dass es wohl bislang üblich war, sich zunächst eine Art Schlüssel von Google geben zu lassen, mit dem man dann die Karte initialisieren muss. Neuerdings geht das aber wohl auch OHNE diesen besagten Schlüssel - was mir persönlich natürlich lieber ist.
Ich habe tatsächlich auch eine Map erstellen können inkl. Zentrierung auf einen gewünschten Punkt, doch mein Problem ist jetzt einen Punkt auf dieser Map zu markieren. Also einen "Marker" zu setzen.
Folgend mal meine bisherige Map.
[...
<!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(52.51864, 13.3760);
var myOptions = {
zoom: 15,
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>
...]
Auf diesem Ausschnitt würde ich jetzt gerne einen Punkt markieren.
Ich habe Beispiele gefunden, in denen ein Marker wie folgt gesetzt wird:
[...
marker = new GMarker(new GLatLng(52.51864, 13.3760));
map.addOverlay(marker);
...]
Egal wo ich dieses Beispiel jetzt in meinem obigen Code einsetze, die Karte wird dann überhaupt nicht mehr dargestellt.
Könnt Ihr mir da vielleicht helfen?
Ich möchte einfach nur im ersten Codeabschnitt einen MArker mit einbauen.
Vielen Dank für Eure Hilfe
Lilli