Witam mam problem jak wyświetlić 2 mapy gogole na jednej stronie tak aby pokazywało trasę oraz odległości. Posiadam taki kod ale nie dział:
[HTML] pobierz, plaintext 
  1.  
  2. <html>
  3. <head>
  4. 	<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAE1sy_N9Q38cn0SC6i4z9JBRVpjoVr3pUOWVBMo1wg0rKEhtqbRQJE7e07TJlZsaB
    AsNy3x_QEQwDvg"     type="text/javascript"></script>
  5. 	<script src="http://maps.google.com/maps/api/js?sensor=false&language=pl" type="text/javascript"></script>   
  6. 	<!-- According to the Google Maps API Terms of Service you are required display a Google map when using the Google Maps API. see: <a href="http://code.google.com/apis/maps/terms.html" target="_blank">http://code.google.com/apis/maps/terms.html</a> -->
  7. 	<script type="text/javascript">
  8.  
  9. 	var mapa; // obiekt globalny
  10. 	var dymek = new google.maps.InfoWindow();
  11.  
  12. 	// niezbędne elementy do wyznaczenia trasy:
  13. 	var trasa  		 = new google.maps.DirectionsService();
  14. 	var trasa_render = new google.maps.DirectionsRenderer();
  15.  
  16. 	var geocoder, location1, location2, location3, location4, gDir;	
  17.  
  18.  
  19.  
  20.  
  21. 	function mapaStart1() {  
  22. 		var opcjeMapy = {
  23. 			zoom: 10,
  24. 			mapTypeId: google.maps.MapTypeId.ROADMAP
  25. 		};		
  26. 		mapa = new google.maps.Map(document.getElementById("mapka1"), opcjeMapy); 			
  27. 		trasa_render.setMap(mapa);
  28. 		geocoder = new GClientGeocoder();
  29. 		gDir = new GDirections();
  30. 		GEvent.addListener(gDir, "load", function() {
  31. 			var drivingDistanceMiles = gDir.getDistance().meters / 1609.344;
  32. 			var drivingDistanceKilometers = gDir.getDistance().meters / 1000;
  33. 			document.getElementById('km1').value = '' + drivingDistanceKilometers + '';
  34. 		});
  35. 		znajdz_wskazowki1();	
  36. 	} 
  37.  
  38. 	function znajdz_wskazowki1() {
  39. 		geocoder.getLocations('Gdynia', function (response) {
  40. 			location3 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
  41. 			geocoder.getLocations('Szczecin', function (response) {
  42. 				location4 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
  43. 				gDir.load('from: ' + location3.address + ' to: ' + location4.address);
  44. 			});
  45. 		});		
  46. 		var dane_trasy = {
  47. 			origin: 'Gdynia',
  48. 			destination: 'Szczecin',
  49. 			travelMode: google.maps.DirectionsTravelMode.DRIVING
  50. 		};		
  51. 		trasa.route(dane_trasy, obsluga_wskazowek1);
  52. 	}
  53.  
  54. 	function obsluga_wskazowek1(wynik, status) {
  55. 		if(status != google.maps.DirectionsStatus.OK || !wynik.routes[0]) {
  56. 			alert('Wystąpił błąd!');
  57. 			return;
  58. 		}		
  59. 		trasa_render.setDirections(wynik);
  60. 	}
  61.  
  62. 	function mapaStart2() {  
  63. 		var opcjeMapy = {
  64. 			zoom: 10,
  65. 			mapTypeId: google.maps.MapTypeId.ROADMAP
  66. 		};		
  67. 		mapa = new google.maps.Map(document.getElementById("mapka2"), opcjeMapy); 			
  68. 		trasa_render.setMap(mapa);
  69. 		geocoder = new GClientGeocoder();
  70. 		gDir = new GDirections();
  71. 		GEvent.addListener(gDir, "load", function() {
  72. 			var drivingDistanceMiles = gDir.getDistance().meters / 1609.344;
  73. 			var drivingDistanceKilometers = gDir.getDistance().meters / 1000;
  74. 			document.getElementById('km2').value = '' + drivingDistanceKilometers + '';
  75. 		});
  76. 		znajdz_wskazowki2();	
  77. 	}  
  78.  
  79. 	function znajdz_wskazowki2() {
  80. 		geocoder.getLocations('Gdynia', function (response) {
  81. 			if (!response || response.Status.code != 200) {
  82. 				alert("Przepraszamy, nie udało nam się uzyskać danych geograficznych pierwszego adresu");
  83. 			} else {
  84. 				location1 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
  85. 				geocoder.getLocations('Szczecin', function (response) {
  86. 					if (!response || response.Status.code != 200) {
  87. 						alert("Przepraszamy, nie udało nam się uzyskać danych geograficznych drugiego adresu");
  88. 					} else {
  89. 						location2 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
  90. 						gDir.load('from: ' + location1.address + ' to: ' + location2.address);
  91. 					}
  92. 				});
  93. 			}
  94. 		});		
  95. 		var dane_trasy = {
  96. 			origin: 'Gdynia',
  97. 			destination: 'Szczecin',
  98. 			travelMode: google.maps.DirectionsTravelMode.DRIVING
  99. 		};		
  100. 		trasa.route(dane_trasy, obsluga_wskazowek2);
  101. 	}
  102.  
  103. 	function obsluga_wskazowek2(wynik, status) {
  104. 		if(status != google.maps.DirectionsStatus.OK || !wynik.routes[0]) {
  105. 			alert('Wystąpił błąd!');
  106. 			return;
  107. 		}		
  108. 		trasa_render.setDirections(wynik);
  109. 	}	
  110.  
  111. 	</script>	
  112. </head>
  113. <body>	
  114. 		<div id='mapka1' style='width: 400px; height: 350px;'></div>
  115. 		<input type='text' id='km1' value="">
  116. 	<script type="text/javascript">mapaStart1();</script>
  117.  
  118. 		<div id='mapka2' style='width: 400px; height: 350px;'></div>
  119. 		<input type='text' id='km2' value="">
  120. 	<script type="text/javascript">mapaStart2();</script>
  121. </body>
  122. </html>
  123.  
[HTML] pobierz, plaintext


Co robię źle bo nie rozumiem.