Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Podpisy pod markerami w mapce google API
Forum PHP.pl > Forum > Przedszkole
wra
1.11.2009, 12:10:52
Witam, poniżej podaje wersję mapki Google Api z dwoma lokalizacjami. Czy ktoś może mi powiedzieć co należy zrobić żeby obydwa markery miały podpisy/opisy? Ostatecznie mogą być opisy w chmurkach, które pojawiają się po kliknięciu na marker.

pozdravko




[HTML] pobierz, plaintext 
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  6. <title>GeoFinder - Google Maps JavaScript API Example</title>
  7. <script src="http://maps.google.com/maps?file=api&v=2&key=TU WKLEJ KLUCZ GOOGLE MAPS API"
  8. type="text/javascript"></script>
  9. <script type="text/javascript">
  10.  
  11. //<![CDATA[
  12.  
  13. function load() {
  14. if (GBrowserIsCompatible()) {
  15.          var map = new GMap2(document.getElementById("map"));
  16.          map.addControl(new GLargeMapControl());
  17.          var MapTypes = map.getMapTypes();
  18.          MapTypes[0].getName= function() { return "Mapa";}
  19.          MapTypes[1].getName = function() { return "Satelitarna";}
  20.          MapTypes[2].getName = function() { return "Hybrydowa";}
  21.  
  22. map.addControl(new GMapTypeControl());
  23.         map.setCenter(new GLatLng(52.139680555556, 20.921097222222), 13);
  24.          var marker = new GMarker(new GLatLng(52.139680555556, 20.921097222222));
  25.            map.addOverlay(marker);
  26.  
  27.  map.addOverlay(marker)
  28.      map.setCenter(new GLatLng(52.138372222222, 20.91525), 13);
  29.          var marker = new GMarker(new GLatLng(52.138372222222, 20.91525));
  30.             map.addOverlay(marker);  
  31.  
  32. }
  33. }
  34.  
  35. //]]>
  36. </script>
  37. </head>
  38. <body onload="load()" onunload="GUnload()">
  39.  
  40.  
  41. <div>
  42. <div id="map" style="width: 500px; height: 450px; background: url(http://web4you.com.pl/template/loader.gif); background-repeat: no-repeat; background-position: center;"></div>
  43. <div style="padding-top:10px; text-align: right; width: 790px;"><a href="http://web4you.com.pl"><img src="http://www.web4you.com.pl/geofinder1.gif" alt="Pozycjonowanie, Google Maps" border="0" width="80" height="15"></a></div>
  44. </div>
  45.  
  46.  
  47.  
  48.  
  49. </body>
  50. </html> 
  51.  
[HTML] pobierz, plaintext
thek
1.11.2009, 20:51:27
Weź i sobie poczytaj dokładnie manuale do Google Maps API. Tam to jest. Jeśli chodzi Ci o okienko związane z kliknięciem to jest zatrzęsienie stron na nece które opisują jak to zrobić. Aż takich podstaw tej technologii nie ma sensu rozpisywać na forum i tutaj. Co do opisu wyśwetlającego się po najechaniu na marker to także są podstawy, ale trzeba najpierw zerknąć do manuala. Opcjonalny parametr title podczas tworzenia markera. Korzystaj trochę z manuala google lub dziesiątków stron o tym a nie leć z podstawami od razu tutaj bo pokazujesz tylko, że jesteś leń i nic więcej dry.gif
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.