[FRAGE] Routenplanung auf Website einbinden

[silencio]

Hallo zusammen,

ich sitze jetzt schon seit längerer Zeit daran und habe vorhin auch schon mit Hilfe der Suchmaschine geschaut, aber die konnte mir nicht weiterhelfen. Grundsätzlich geht es mir darum, eine Routenplanung zu erstellen, bei der die Start-Koordinaten ermittelt werden und die Ziel-Koordinaten fix sind.

Die Einbindung habe ich über ein IFrame verwirklicht, zur Ermittlung der Geo-Location ließen sich einfach die Koordinaten in die Url übernehmen und genau hier liegt mein Problem, ich weiß nicht wie ich Source und Destination-Adressen übernehmen kann. Vielleicht kann mir ja hier jemand weiterhelfen.

Bisher habe folgenden Code: (ich hoffe er geht noch als kurz genug durch)

<div id="map">
	<a href="#" id="get_location">Route erstellen</a></p>
				
	<iframe id="google_map" width="425" height="350" frameborder="0" marginheight="0" marginwidth="0" src=""http://maps.google.com/maps"></iframe>
</div>
			
<form action="http://maps.google.com/maps" method="get" target="_blank">
  
<!-- Ermittlung der Startadresse -->
 	<script>
		var c = function(pos) {
			var lat = pos.coords.latitude,
			long = pos.coords.longitude,
			coords = lat + ', ' + long;
			
			<!-- Wie füge ich die Coords in die Url meines IFrames? -->
			}
				
			document.getElementById('get_location').onclick = function() {
				navigator.geolocation.getCurrentPosition(c);
				return false;
			}		
	</script>  
	
  <label>Zieladresse</label>
  
	<script>
		coords = x.xxxxx,y.yyyyyy; <!-- fixe Koordinaten -->
				
		<!-- Wie füge ich die Coords in mein IFrame? -->
	</script>
	
  <button name= "get_location" type="get_location">Standort bestimmen</button>
<button name= "route_erstellen" type=route_erstellen">Route erstellen</button>
</form>

 

[kkapsner]

Wenn du dein <form> in das <iframe> absenden willst, musst du da zuerst mal das target-Attribut richtig befüllen.

Dann musst du als erstes herausfinden, wie die Parameter, die Google-Maps da erwartet, heißen. Mit diesen Namen erzeugst du dann ein paar <input type="hidden">. Die Inputs für die Zielkoordinaten füllst du dann gleich im HTML aus. Die für den Start setzt du mit JS.

So sollte das dann funktionieren.

PS: globale Variablen sind nie deine Freunde. Versuche die zu vermeiden.