Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript] tablica Merkerami i InfoWindow - google maps
Forum PHP.pl > Forum > Przedszkole
Sky_walker
Witam,

Próbuję napisać skrypt który będzie używał danych z tablicy do generowania klikalnych punktów na mapie google maps (API V3) - po kliknięciu punktu pokazuje się chmurka z opisem.

Markery na mapie generują się prawidłowo, ale z jakiegoś powodu w część odpowiedzialnej za tworzenie chmurek nie działa prawidłowo - po kliknięciu na markery nic się nie pokazuje.

Bardzo bym prosił o podpowiedź, bo utknąłem.



  1. <script type="text/javascript">
  2. var Punkty=new Array();
  3.  
  4. function initialize() {
  5. var latlng = new google.maps.LatLng(51.103029,17.02363);
  6. var myOptions = {
  7. zoom: 13,
  8. center: latlng,
  9. mapTypeId: google.maps.MapTypeId.ROADMAP
  10. };
  11. var map = new google.maps.Map(document.getElementById("map_loc"), myOptions);
  12.  
  13. Punkty[0] = new Array();
  14. Punkty[0]["coordsLAT"] = 51.103029;
  15. Punkty[0]["coordsLNG"] = 17.02363;
  16. Punkty[0]["opis"] = "opis 000 00 000";
  17. Punkty[1] = new Array();
  18. Punkty[1]["coordsLAT"] = 51.113761;
  19. Punkty[1]["coordsLNG"] = 17.035847;
  20. Punkty[1]["opis"] = "Hello World!";
  21.  
  22. var marker = [];
  23. var infowindow = [];
  24. for (var i = 0; i < 2; i++) {
  25. /* markery */
  26. var lokacja = new google.maps.LatLng(Punkty[i]["coordsLAT"],Punkty[i]["coordsLNG"])
  27. var marker_tmp = new google.maps.Marker({
  28. position: lokacja,
  29. title: Punkty[i]["opis"]
  30. });
  31. marker.push(marker_tmp);
  32. marker[i].setMap(map);
  33.  
  34. /* chmurki */
  35. var infowindow_tmp = new google.maps.InfoWindow(
  36. { content: Punkty[i]["opis"],
  37. size: new google.maps.Size(50,50),
  38. disableAutoPan: true
  39. });
  40.  
  41. infowindow.push(infowindow_tmp);
  42.  
  43. google.maps.event.addListener(marker[i], 'click', function() {
  44. infowindow[i].open(map,marker[i]);
  45. });
  46.  
  47.  
  48.  
  49. }
  50.  
  51. }
  52.  
  53. </script>

JoShiMa
Wiem, że to bardzo stary wątek, ale natknęłam się na niego szukając rozwiązania opisanego tu problemu. Tu nie znalazłam, ale znalazłam gdzie indziej więc siędzielę:

http://codingrecipes.com/google-maps-api-v...-marker-problem
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.