Witam,

Proszę o pomoc gdyż męczę się od kilku godzin.

Chciałbym zaimplementować mapkę Google w wersji 3. Wszystko pięknie i ładnie, ale jak w dymku jest obrazek to pokazują się suwaki.
Więc mam pytanie ja można ustawić dynamiczne ustawienie wysokości i szerokości dymka?

Próbowałem skorzystać z stąd ale nie wiem jak
zamknąć tego infoboxa gdy chce np. przesunąć.


Za pomoc dziękuję.

Oto kod mapki:

[HTML] pobierz, plaintext 
  1. <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>         
  2. <body onload="mapaStart()">      
  3. <script type="text/javascript">   
  4. var mapa;
  5. var aktywny = true;
  6. var dymek = new google.maps.InfoWindow(); 
  7.  
  8. function ustawAktywnyMarker(marker)
  9. {
  10.  if(marker)
  11.  {
  12.   aktywny = marker;
  13.   document.getElementById('x'+nr).value=marker.getPosition().lat();
  14.   document.getElementById('y'+nr).value=marker.getPosition().lng();
  15.  }
  16.  else
  17.  {
  18.   aktywny = null;
  19.  }
  20. }
  21. function dodajMarker(lat,lng,txt,nr)
  22. {
  23.  var rozmiar = new google.maps.Size(32,32);  
  24.  var punkt_startowy = new google.maps.Point(0,0);  
  25.  var punkt_zaczepienia = new google.maps.Point(21,34);  
  26.  var ikonka=new google.maps.MarkerImage('icon_DSCN4980_1285451728.jpg', rozmiar, punkt_startowy, punkt_zaczepienia);                            
  27.  var opcjeMarkera =   
  28.  {   
  29.   position: new google.maps.LatLng(lat,lng),  
  30.   map: mapa,
  31.   draggable :true,
  32.   icon:ikonka    
  33.  }  
  34.  var marker = new google.maps.Marker(opcjeMarkera);
  35.  marker.txt=txt;
  36.  marker.id=nr;
  37.  google.maps.event.addListener(marker,"click",function()
  38.  {
  39.        dymek.setContent(marker.txt);  
  40.         dymek.open(mapa,marker);  
  41.   ustawAktywnyMarker(marker);    
  42.   });
  43.  google.maps.event.addListener(marker,"drag",function()
  44.  {
  45.   document.getElementById('x'+nr).value=marker.getPosition().lat();
  46.   document.getElementById('y'+nr).value=marker.getPosition().lng();
  47.     marker.zmiana = true;     
  48.   });    
  49.  google.maps.event.addListener(marker,"dragstart",function()
  50.  {
  51.   dymek.close();
  52.    ustawAktywnyMarker(marker);    
  53.   });    
  54.  
  55.  return marker;
  56.  }
  57.  
  58. function mapaStart()   
  59. {   
  60.  var wspolrzedne = new google.maps.LatLng(50.481267,17.335867);
  61.  var opcjeMapy = {
  62.  zoom: 17,
  63.  center: wspolrzedne,
  64.  disableDefaultUI: true, 
  65.  navigationControl: true,
  66.  mapTypeControl: true,      
  67.  scaleControl: true,
  68.   mapTypeId: google.maps.MapTypeId.ROADMAP
  69. };
  70. mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy); 
  71. dodajMarker(50.481267,17.335867,'a',2);
  72.  
  73. }   
  74. </script>   
  75. <div id="mapka" style="width: 700px; height: 500px; border: 1px solid black; background: gray;"></div>   
[HTML] pobierz, plaintext