Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [inne][PHP]Google Maps - centrowanie markerów
northwest
post
Post #1





Grupa: Zarejestrowani
Postów: 788
Pomógł: 1
Dołączył: 17.09.2004

Ostrzeżenie: (10%)
X----


Witam serdecznie,
mam taką aplikację:
  1. <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
  2.  
  3. <body onload = "mapaStart()";>
  4. <script type="text/javascript">
  5. <!--
  6. var mapa; // obiekt globalny
  7.  
  8. function dodajMarker(opcjeMarkera)
  9. {
  10. opcjeMarkera.map = mapa;
  11. var marker = new google.maps.Marker(opcjeMarkera);
  12. google.maps.event.addListener(marker,'click',function(zdarzenie)
  13. {
  14. dymek.setContent('<strong>Kliknąłeś na marker!</strong><br />Współrzędne GPS markera:<br />'+marker.getPosition());
  15. dymek.setPosition(marker.getPosition());
  16. dymek.open(mapa);
  17. });
  18. }
  19.  
  20. function mapaStart()
  21. {
  22.  
  23. var wspolrzedne = new google.maps.LatLng(53.41935400090768,14.58160400390625);
  24. var opcjeMapy = {
  25. zoom: 10,
  26. center: wspolrzedne,
  27. mapTypeId: google.maps.MapTypeId.SATELLITE
  28. };
  29. mapa = new google.maps.Map(document.getElementById("mapa"), opcjeMapy);
  30.  
  31.  
  32. // wspólne cechy ikon
  33. var rozmiar = new google.maps.Size(32,32);
  34. var punkt_startowy = new google.maps.Point(0,0);
  35. var punkt_zaczepienia = new google.maps.Point(16,16);
  36.  
  37. // ikonki
  38. var ikona1 = new google.maps.MarkerImage("http://maps.google.com/mapfiles/kml/pal2/icon38.png", rozmiar, punkt_startowy, punkt_zaczepienia);
  39. var ikona2 = new google.maps.MarkerImage("http://maps.google.com/mapfiles/kml/pal4/icon23.png", rozmiar, punkt_startowy, punkt_zaczepienia);
  40. var ikona3 = new google.maps.MarkerImage("http://maps.google.com/mapfiles/kml/pal3/icon13.png", rozmiar, punkt_startowy, punkt_zaczepienia);
  41.  
  42. dodajMarker({position: new google.maps.LatLng(53.4203,14.7011), title: 'Restauracja #1', icon: ikona1});
  43. dodajMarker({position: new google.maps.LatLng(13.3902,14.7202), title: 'Restauracja #2', icon: ikona1});
  44. dodajMarker({position: new google.maps.LatLng(53.4101,14.6033), title: 'Myjnia', icon: ikona2});
  45. dodajMarker({position: new google.maps.LatLng(53.4014,14.5104), title: 'Tu byłem 6 razy', icon: ikona3});
  46.  
  47. }
  48. -->
  49. </script>


Nie wiem jak zrobić:
- dymek z opisem po kliknięciu na markera (dla każdego markera będzie inny text)
- centrowaniem markerów (chciałbym żeby mapka zawsze pokazywała wszystkie markery jakie są na mapie - przy optymalnym zoomie).

Markery (położenie) będę sobie generował w PHP :-)

Wie ktoś może jak to zrobić?


Z góry dzięki za pomoc,
northwest
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 2.10.2025 - 19:16