Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][AJAX] Problem z mapką google
majestiq
post
Post #1





Grupa: Zarejestrowani
Postów: 235
Pomógł: 0
Dołączył: 26.10.2006

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

Znalzałem w sieci taki skrypt i chciałem go wykorzystać:


[PHP] pobierz, plaintext 
  1. <?php
  2. function ST(tagid)
  3. {
  4.     mapka.clearOverlays();
  5.     getMarkers('/ajax/miejscatag/'+tagid,mapka);
  6.     var objLayer = document.getElementById("ListaMiejsc");
  7.     if(objLayer.style.display == "none"){
  8.         ToggleSidebar();
  9.     }
  10.     else{
  11. //        ToggleSidebar();
  12.     }    
  13. }
  14.  
  15. function strrep(m)
  16. {
  17.     m = m.replace(/[[a]]/g,"Ä…");
  18.     m = m.replace(/[[A]]/g,"Ä„");
  19.     m = m.replace(/[[c]]/g,"ć");
  20.     m = m.replace(/[[C]]/g,"Ć");
  21.     m = m.replace(/[[e]]/g,"Ä(tm)");
  22.     m = m.replace(/[[E]]/g,"Ę");
  23.     m = m.replace(/[[l]]/g,"Ĺ‚");
  24.     m = m.replace(/[[L]]/g,"Ĺ�");
  25.     m = m.replace(/[[n]]/g,"Ĺ„");
  26.     m = m.replace(/[[N]]/g,"Ĺƒ");
  27.     m = m.replace(/[[o]]/g,"Ăł");
  28.     m = m.replace(/[[O]]/g,"Ă“");
  29.     m = m.replace(/[[s]]/g,"Ĺ›");
  30.     m = m.replace(/[[S]]/g,"Ĺš");
  31.     m = m.replace(/[[z]]/g,"Ĺź");
  32.     m = m.replace(/[[Z]]/g,"Ĺť");
  33.     m = m.replace(/[[x]]/g,"Ĺş");
  34.     m = m.replace(/[[X]]/g,"Ĺš");
  35.     return m;
  36. }
  37.  
  38.  
  39. function ToggleSidebar(){
  40.     var showhidelist = document.getElementById("showhidelist")
  41.     var objLayer = document.getElementById("ListaMiejsc");
  42.     var objMap = document.getElementById("mapa");
  43.     var aWidth = new Array(468, 600);
  44.     if(objLayer.style.display == "none"){
  45.         showhidelist.innerHTML = '<h1><a href="javascri:ToggleSidebar();">ukryj listÄ(tm) miejsc</a></h1>';
  46.         objLayer.style.display = "inline";
  47.         objMap.style.width = "70%";
  48.         mapka.checkResize();
  49.     }
  50.     else{
  51.         showhidelist.innerHTML = '<h1><a href="javascri:ToggleSidebar();">pokaĹź listÄ(tm) miejsc</a></h1>';
  52.         objLayer.style.display = "none";
  53.         objMap.style.width = "100%";
  54.         mapka.checkResize();
  55.     }
  56. }
  57.  
  58.  
  59. function PokazMiejsce(ident){
  60.     mapka.setCenter(markereczki[ident].getPoint());
  61.     markereczki[ident].openInfoWindowHtml(markereczki[ident].infowindow);
  62. }
  63.  
  64.  
  65. function getMarkers(url,mapa)
  66. {
  67.     if (GBrowserIsCompatible()) 
  68.     {
  69.     var icon = new GIcon();
  70.     icon.image = "ht://labs.google.com/ridefinder/images/mm_20_red.png";
  71.     icon.shadow = "ht://labs.google.com/ridefinder/images/mm_20_shadow.png";
  72.     icon.iconSize = new GSize(12, 20);
  73.     icon.shadowSize = new GSize(22, 20);
  74.     icon.iconAnchor = new GPoint(6, 20);
  75.     icon.infoWindowAnchor = new GPoint(5, 1);
  76.  
  77.     GDownloadUrl(url, function(data,responseCode) 
  78.     {  
  79.     var xml = GXml.parse(data);
  80.     var markers = xml.documentElement.getElementsByTagName("m");
  81.     var markery = new Array(markers.length);
  82.     var punkty = new Array(markers.length);
  83.     
  84.     markereczki = markery;
  85.     
  86.     var lajer = document.getElementById("ListaMiejsc");
  87.     lajer.innerHTML = '';
  88.             
  89.     for (var i = 0; i < markers.length; i++) 
  90.     {
  91.            punkty[i]  = new GLatLng(parseFloat(markers[i].getAttribute("la")),
  92.                             parseFloat(markers[i].getAttribute("ln")));
  93.         markery[i] = new GMarker(punkty[i],icon);
  94.         var nazwa = markers[i].getAttribute("n");
  95.         var id    = markers[i].getAttribute("i");
  96.            var adres = markers[i].getAttribute("a");
  97.         nazwa = strrep(nazwa);
  98.         adres = strrep(adres);
  99.         markery[i].infowindow = '<div id="chmurka"><h3><a href="/miejsca/pokaz/'+id+'">'+nazwa+'</a></h3>'+adres+'</div>';
  100.         mapa.addOverlay(markery[i]); 
  101.         lajer.innerHTML += '<img src="/images/guzik.gif" alt="*" />&nbsp; <a href="javascri:PokazMiejsce('+i+');">'+nazwa+'</a><br />';
  102.     }
  103.     
  104.     });
  105.     
  106.     }
  107. }
  108.  
  109.  
  110. //]]>    
  111. </script>
  112. ?>
[PHP] pobierz, plaintext



Niestety nie działa mi to jak ajax, tzn linki są tworzone, ale odpowieni content się nie wczytuje.
Napewno chodzi o ten kawałek kodu:

[PHP] pobierz, plaintext 
  1. <?php
  2. getMarkers('/ajax/miejscatag/'+tagid,mapka);
  3. ?>
[PHP] pobierz, plaintext


Niestety do tych katalogów nie mam już dostępu, czy gdzieś znaleźć bibliotekę (czy coś co jest mi potrzebne) żeby ten skrypt zaczął działać ?
Poprzedni skrypt jest powiązany z takim kodem:

[PHP] pobierz, plaintext 
  1. <?php
  2. <script type="text/javascript">
  3. <!--
  4.  
  5. function ShowHide(id) {
  6.  
  7. var status = document.getElementById(id).style.display;
  8. var obiekt = document.getElementById(id);
  9.  
  10. document.getElementById("rozrywka").style.display = 'none';
  11. document.getElementById("informator").style.display = 'none';
  12. document.getElementById("sport").style.display = 'none';
  13. document.getElementById("zakupy").style.display = 'none';
  14. document.getElementById("edukacja").style.display = 'none';
  15. document.getElementById("kultura").style.display = 'none';
  16. document.getElementById("turystyka").style.display = 'none';
  17. document.getElementById("gastronomia").style.display = 'none';
  18. document.getElementById("inne").style.display = 'none';
  19.  
  20. if(status == "block"){
  21.     obiekt.style.display = 'none';
  22. }
  23. else
  24. {
  25.     obiekt.style.display = 'block';
  26. }
  27. }
  28.  
  29. -->
  30. </script>
  31.  
  32. <span onclick="javascri:ST('')" style="cursor: pointer; color:#396A9F; font-si: 12px;">
  33. <img src="/images/guzik.gif" alt="g" />&nbsp; wyczyĹ&#8250;ć wybrane miejsca
  34. </span>
  35.  
  36. <div id="head"><img src="/images/icons/miejsca_rozrywka.gif" alt="" /> <h1><a href="javascri: ShowHide('rozrywka');">Rozrywka</a></h1></div>
  37.  
  38. <div id="rozrywka" style="displ: none;">
  39. <div id="tagi2">
  40. <span onclick="javascri:ST('174')" style="font-si: 14px;">alternatywa</span> <span onclick="javascri:ST('83')" style="font-si: 15px;">bilard</span> <span onclick="javascri:ST('54')" style="font-si: 15px;">blues</span> <span onclick="javascri:ST('51')" style="font-si: 15px;">chillout</span> <span onclick="javascri:ST('43')" style="font-si: 15px;">dance</span> <span onclick="javascri:ST('314')" style="font-si: 14px;">disco</span> <span onclick="javascri:ST('166')" style="font-si: 14px;">downtempo</span> <span onclick="javascri:ST('47')" style="font-si: 14px;">drum&nbsp;and&nbsp;bass</span> <span onclick="javascri:ST('282')" style="font-si: 14px;">dyskoteka</span> <span onclick="javascri:ST('109')" style="font-si: 14px;">emo</span> <span onclick="javascri:ST('23')" style="font-si: 15px;">filmy</span> <span onclick="javascri:ST('672')" style="font-si: 14px;">fitness</span> <span onclick="javascri:ST('219')" style="font-si: 14px;">funky</span> <span onclick="javascri:ST('679')" style="font-si: 14px;">gimnastyka</span> <span onclick="javascri:ST('313')" style="font-si: 14px;">grill</span> <span onclick="javascri:ST('599')" style="font-si: 14px;">gry</span> <span onclick="javascri:ST('265')" style="font-si: 14px;">hip-hop</span> <span onclick="javascri:ST('50')" style="font-si: 14px;">hiphop</span> <span onclick="javascri:ST('42')" style="font-si: 15px;">house</span> <span onclick="javascri:ST('44')" style="font-si: 16px;">jazz</span> <span onclick="javascri:ST('76')" style="font-si: 14px;">juwenalia</span> <span onclick="javascri:ST('46')" style="font-si: 14px;">karaoke</span> <span onclick="javascri:ST('293')" style="font-si: 14px;">kÄ&#8230;pielisko</span> <span onclick="javascri:ST('22')" style="font-si: 15px;">kino</span> <span onclick="javascri:ST('34')" style="font-si: 22px;">klub</span> <span onclick="javascri:ST('377')" style="font-si: 14px;">klub&nbsp;muzyczny</span> <span onclick="javascri:ST('36')" style="font-si: 15px;">koncert</span> <span onclick="javascri:ST('3')" style="font-si: 15px;">koncerty</span> <span onclick="javascri:ST('281')" style="font-si: 14px;">krÄ(tm)gielnia</span> <span onclick="javascri:ST('41')" style="font-si: 14px;">latino</span> <span onclick="javascri:ST('635')" style="font-si: 14px;">lodowisko</span> <span onclick="javascri:ST('52')" style="font-si: 15px;">lounge</span> <span onclick="javascri:ST('636')" style="font-si: 14px;">Ĺ‚yĹźwy</span> <span onclick="javascri:ST('39')" style="font-si: 15px;">metal</span> <span onclick="javascri:ST('35')" style="font-si: 15px;">muzyka</span> 
  41. (...)
  42.  
  43. </div>
  44. </div>
  45.  
  46. <p><br /></p>
  47.  
  48. <div id="head"><img src="/images/icons/miejsce_star.gif" id="img_special" alt="" /> <h1><a href="/mapa/miejscaprywatne">Zobacz mapÄ(tm) miejsc prywatnych</a></h1></div>
  49. <div id="head"><img src="/images/icons/remont2.gif" id="img_special" alt="" /> <h1><a href="/remonty">Remonty we WrocĹ&#8218;awiu</a></h1></div>
  50. ?>
[PHP] pobierz, plaintext



Ogólnie jest to mapa google i chodzi o to że jak ktoś kliknie w bocznej ramce np w: kina to ma się pojawić na mapce lista kin z
bieżacej lokalizacji, oczywiście bez odświeżenia strony (po ajaxie)

Ma ktoś jakiś pomysł ?

Please sad.gif

Ten post edytował majestiq 11.09.2008, 09:26:34


--------------------
Free mp3 download.
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 Aktualny czas: 19.08.2025 - 17:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn