Witam serdecznie,

Mam mały problem z załadowaniem mapy korzystając z jquery, kod strony:
[HTML] pobierz, plaintext 
  1. <head>
  2. <meta charset="utf-8" />
  3. <link rel="Stylesheet" type="text/css" href="styl.css" />
  4. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
  5. <script type="text/javascript" src="jquery.js"></script>
  6.  
  7. 	<script type="text/javascript" src="jquery.ui.map.js"></script>
  8. 	<script type="text/javascript" src="jquery.ui.map.services.js"></script>
  9. 	<script type="text/javascript" src="jquery.ui.map.extensions.js"></script>
  10.  
  11. <script type="text/javascript">
  12. $(document).ready(function() {
  13.   $('a.lnk').click(function() {
  14.     var url = $(this).attr('href');
  15.     $("#tresc").load(url);
  16.     return false;
  17.   });
  18. });
  19. </script>
  20. </head>
  21. <body> 
  22. 	<div id="strona">
  23. 	<div id="naglowek">
  24. 		<ul id="menu">
  25. 		  <li><a href="test.html" class="lnk">Mapa</a>
  26. 			<ul>
  27.  
  28. 			</ul>
  29. 		  </li>
  30. 		</ul>
  31. 	</div>
  32. 	<div id="lewo">Informacje</div>
  33. 	<div id="prawo">Dodatkowe informacje</div>
  34. 	<div id="tresc">Treść</div>
  35. 	<div id="stopka">Stopka serwisu</div>
  36. </div>
  37. </body>
[HTML] pobierz, plaintext


Po kliknięciu na przycisk "Mapa" wyświetla się pusta strona, zupełnie jakby mapa na test.html nie zaskoczyła całkowicie. Sam plik test.hml 
[HTML] pobierz, plaintext 
  1.     <body>   
  2. <script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>  
  3.         <script type="text/javascript">  
  4.         function Start() {  
  5.         var opcje = {
  6. 			center: new google.maps.LatLng(50, 50),
  7.             zoom: 4,
  8.             mapTypeId: google.maps.MapTypeId.ROADMAP
  9.             };
  10. 		var mapaDiv = document.getElementById("mapa")
  11.         var mapa = new google.maps.Map(mapaDiv, opcje);
  12. 		}
  13.         google.maps.event.addDomListener(window, 'load', Start);
  14.         </script>  		 	
  15.         <div id="mapa" style="width:400px; height:400px;">  
  16.         </div>  
  17.     </body>    
[HTML] pobierz, plaintext

wydaje się działać prawidłowo, po uruchomieniu bezpośrednim wyświetla prawidłową mapę. Nie jest to również wina stylu (po wyłączeniu bez zmian), werjsa jquery - pobrana dzisiaj. Z góry dzięki za jakieś wskazówki.