Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JavaScript] google maps - onchange
Forum PHP.pl > Forum > Przedszkole
blizniak
8.10.2008, 11:27:30
Witam
problem jest taki ze po wybraniu jakiejs miejscowosci z formularza nic sie nie zmienia. W formularzu w select jest onchange, powinno to dzialac
w taki sposob ze po wybraniu jakiejs miejscowosci z selecta, miejscowosc ta pokazuje mi sie na mapie tak jak to jest tutaj po wybraniu jakiegos panstwa
od razu sie zmienia mapa http://www.web4you.com.pl/geofinder.php
[PHP] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.  <?php  
  3.   $lat=52.17393169256846;  
  4.   $lng=18.8525390625;  
  5.   $zoom=6;  
  6.   $width=800;  
  7.   $height=500;  
  8.  ?>  
  9. <html>
  10. <head>
  11.   <title></title>
  12.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  13.   <meta name="description" content=" ">
  14.   <meta name="keywords" content="współrzędne, google maps, przeliczanie"> 
  15.   <meta name="verify-v1" content="QHKPGmP2akpAmF4hP+QoOHeMh+pdpnHeVvji3ztbZbc=">
  16.  
  17.  
  18.  
  19.  
  20. <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAXgXwfGAnPzz8ZpdaTDarQxRi_j0U6kJrkFvY4-OX2XYmEAa76BSeQApfqmI7H1FhWfRey_UVFGpwOQ"
  21.        type="text/javascript"></script>
  22. <script type="text/javascript">
  23.  
  24. //<![CDATA[
  25.  <?php  
  26.   print("var lat=".$lat.";\n");  
  27.   print("var lng=".$lng.";\n");  
  28.   print("var zoom=".$zoom.";\n");  
  29.  ?>  
  30.  
  31.     function load() {
  32.       if (GBrowserIsCompatible()) {
  33.           var map = new GMap2(document.getElementById("map"));
  34.          map.addControl(new GLargeMapControl());
  35.          map.addControl(new GMapTypeControl());
  36.          map.setCenter(new GLatLng(lat, lng), zoom);
  37.  
  38.  
  39.  
  40.     var point = new GLatLng(lat, lng);
  41.     var marker = new GMarker(point);
  42.     map.addOverlay(marker);
  43.     koordynaty.Glng.value = point.x;
  44.     koordynaty.Glat.value = point.y;
  45.  
  46.           GEvent.addListener(map, "click", function(overlay, point) {
  47.      
  48.          if (overlay) {
  49.             map.removeOverlay(overlay);
  50.         koordynaty.Glng.value = 0;
  51.         koordynaty.Glat.value = 0;
  52.               
  53.           } else {
  54.             map.clearOverlays();
  55.             map.addOverlay(new GMarker(point));
  56.         koordynaty.Glng.value = point.x;
  57.         koordynaty.Glat.value = point.y;
  58.             
  59.           }
  60.     });
  61.       }
  62.     }
  63.     //]]>
  64.  
  65. </script>
  66.  
  67. </head>
  68.  
  69. <body onload="load()" onunload="GUnload()">
  70.  
  71. <form action="#" >
  72. <select name="Wybierz panstwo - region"   id="geofinder" onchange="go()" title="Wybierz państwo - region" >
  73. <option selected value="26.266,64.5,5">Pokaż ...</option>
  74. <option value="66.026,33.838,5">Afghanistan</option>
  75. <option value="20.068,41.142,5">Albania</option>
  76. <option value="2.632,28.163,5">Algeria</option>
  77. <option value="-170.707,-14.304,5">AmericanSamoa</option>
  78. <option value="1.576,42.548,5">Andorra</option>
  79. <option value="17.544,-12.295,5">Angola</option>
  80. </select>
  81. </form>
  82.  
  83.  
  84.  
  85. <div id="map" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px">  
  86. </div> 
  87.  
  88.  
  89.  <form action="" method="POST" name="koordynaty">
  90.  <input name="Glat" value="0">
  91.  <input name="Glng" value="0">
  92.  </form>
  93.  
  94. <script type="text/javascript">
  95. function go() {
  96. lng = parseFloat(document.getElementById("geofinder").value.split(",")[0]);
  97. lat = parseFloat(document.getElementById("geofinder").value.split(",")[1]);
  98. scale = parseInt(document.getElementById("geofinder").value.split(",")[2]);
  99. map.setCenter(new GLatLng(lat,lng),scale);
  100. }
  101. </script>
  102.  
  103.  
  104. </body>
  105. </html>
[PHP] pobierz, plaintext
rzepski666
8.10.2008, 11:52:58
w funkcji go() dopisz
var map = new GMap2(document.getElementById("map"));
thm
8.10.2008, 13:39:17
jak ty chcesz wykonywać operacje na obiekcie jak obiekt nie istnieje? trzeba go najpierw utworzyć.
Kod
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(lat,lng),scale);
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.