SO Ihr Lieben, bin totaler Anfänger und JS konnte ich noch nie. HTML und PHP konnte ich mal schreiben, ist aber zu lang her.
Möchte gern auf meiner Seite ne Ausgabe bringen, wo durch auslesen der aktuellen Postion und festem Ziel die Entfernung angezeigt wird. Das klappt bereits. Nun das Problem: folgendes Script funktioniert, zeigt mir jedoch nur die aktuelle Postion. Ich möchte aber gern eine Karte, wo Position, Zielpunkt und Route eingezeichnet ist. Mehr nicht, keinen weiteren Schnick schnack, keine beschriebene Routenführung etc. Ich sitz nun schon vier Tage dran, habe das ganze Netz durchsucht und jede Menge probiert. Meine Kenntnisse reichen aber nicht, steig nicht dahinter. Für jede Hilfe gibts nen dankbaren Kniefall
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8"/>
<title>HTML5 Geolocation Beispiel mit Hilfe von Google Maps</title>
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
</head>
<body>
<div id="pos" style="width:800px; height:600px;">
Deine Position wird ermittelt...
</div>
<script>
function initialize(coords) {
var latlng = new google.maps.LatLng(coords.latitude, coords.longitude);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("pos"), myOptions);
var marker = new google.maps.Marker({
position: latlng,
map: map,
title: "Hier bist du :)"
});
}
navigator.geolocation.getCurrentPosition(function(position){
initialize(position.coords);
}, function(){
document.getElementById('pos').innerHTML = 'Deine Position konnte leider nicht ermittelt werden';
});
</script>
</body>
</html>
Alles anzeigen