Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript]API GoogleMaps wraz z div{overflow:hidden};
zman85
post 4.04.2010, 14:35:09
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 25.05.2005

Ostrzeżenie: (0%)
-----

Witam,
od rana walczę z osadzeniem mapki Google w serwisie, który ma w stylu CSS div{overflow:hidden};

Za nic nie chce się wyświetlić mapka. Kiedy usunę wpis z arkusza CSS wszystko jest dobrze, mapka się wyświetla,
natomiast cały serwis się rozpada i raczej nie mam możliwości przerabiania go bo było by to kilkanaście tysięci dopasować dla overflow:visible.

Wygląda to tak:

[HTML] pobierz, plaintext 
  1. <head> 
  2. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> 
  3. <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=mój_kluczyk' type='text/javascript'></script> 
  4. <style type="text/css">
  5. div {overflow:hidden;}
  6. </style>
  7. </head> 
  8. <body onload='mapaStart()' onunload='GUnload()'> 
  9. <script type='text/javascript'>
  10. <--
  11. <!-- 
  12. var geo;
  13. var mapa;
  14. function mapaStart()
  15. {
  16. if(GBrowserIsCompatible()) 
  17. {
  18. mapa = new GMap2(document.getElementById("mapka"),{mapTypes: [G_NORMAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP]});
  19. mapa.setCenter(new GLatLng(53.429805, 14.537883), 15);
  20. mapa.addControl(new GLargeMapControl());
  21. var typyMapy = mapa.getMapTypes(); 
  22. typyMapy[0].getName= function() { return "Mapa";}
  23. typyMapy[1].getName = function() { return "Satelita";}
  24. typyMapy[2].getName = function() { return "Hybryda";}
  25. mapa.addControl(new GMapTypeControl());
  26. geo = new GClientGeocoder();
  27. var adres='Włocławek, Okrzei';
  28. geo.getLatLng(adres,function(punkt)
  29. {if (!punkt){
  30. }else{
  31. mapa.setCenter(punkt, 15);
  32. var ikona = new GIcon();
  33. ikona.image='http://maps.google.com/mapfiles/kml/pal3/icon52.png';
  34. ikona.shadow='';
  35. ikona.iconSize=new GSize(32,32);
  36. ikona.iconAnchor=new GPoint(16,16);
  37. ikona.infoWindowAnchor=new GPoint(16,16);
  38. var marker = new GMarker(punkt,{icon: ikona, title: adres});
  39. mapa.addOverlay(marker);
  40. marker.openInfoWindowHtml('<strong></strong>');
  41. }
  42. });
  43. }
  44. }
  45. -->
  46. -->
  47. </script>
  48. <div id='mapka' style='width:350px;height:250px;border:0px;'></div>
[HTML] pobierz, plaintext


W powyższym przykładzie wystarczy usunąc wpis <style> aby mapka się wyświetliła i wszystko działało.
A jak zrobić by wpis pozostał i również wszystko działało ?

Może ktoś ma jakiś pomysł lub też spotkał się z powyższym.
Ja już nie mam sił na marnowanie Wielkanocnego czasu.

Bardzo proszę o sugestie.
Go to the top of the page
+Quote Post
athei
post 4.04.2010, 19:18:04
Post #2





Grupa: Zarejestrowani
Postów: 389
Pomógł: 141
Dołączył: 11.04.2009

Ostrzeżenie: (0%)
-----

Za
Kod
mapa.setCenter(new GLatLng(53.429805, 14.537883), 15);

Dodaj
Kod
var container = mapa.getContainer()
var children = container.getElementsByTagName('DIV');
for (var n = 0; n < children.length; n++ ) {
children[n].style.overflow = 'visible';
}

Zmień także adres na
Cytat
var adres='Polska, Włocławek, Okrzei';
bo ten co masz wskazuje na okolice Brześcia Kuj.
Poza tym jeśli centrujesz na Włocławku to 52.6550663,19.0667295 .

Ten post edytował athei 4.04.2010, 19:24:49
Go to the top of the page
+Quote Post
zman85
post 5.04.2010, 07:47:54
Post #3





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 25.05.2005

Ostrzeżenie: (0%)
-----

Ślicznie dziękuję Ci za pomoc - wszystko działa (bro się należy aarambo.gif )
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 29.05.2024 - 04:20
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn