Forum PHP.pl > [PHP][MySQL][JavaScript] google maps

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][MySQL][JavaScript] google maps

Wolfie

24.11.2009, 11:56:42

Witam,

Napisałem sobie taki skrypt php który pokazuje na mapce google linie wczytana z bazy danych :

[PHP] pobierz, plaintext 
<?php
include_once('conf.php');
?>
 
<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Polilinie wczytane z bazy MySql - google maps test</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=<?php echo $google_maps_key ?>&sensor=true_or_false" type="text/javascript"></script>
    <script type="text/javascript">
 
    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(<?php echo $initial_lat ?>, <?php echo $initial_lon ?>), <?php echo $initial_zoom ?>);
        <?php
            $link = mysql_connect($dbserver, $username, $password)
              or die("Could not connect: " . mysql_error());
 
            mysql_select_db($dbname,$link) or die ("Can\'t use database : " . mysql_error());
 
            $sql = "SELECT * FROM track";
 
            $result = mysql_query($sql,$link);
            if (!$result)
            {
              echo "no results";
            }
 
            while($row = mysql_fetch_array($result))
            {
                print_r($row);
 
              $points = explode(",",$geometry);
              $numpoints = sizeof($points);
              echo "var polyline = new GPolyline(["; 
              for ($i = 0; $i <= ($numpoints - 1); $i++) {
                $coordinates = explode(" ",$points[$i]);
                echo "new GLatLng(" . $coordinates[1] . "," . $coordinates[0] . ")";
                if ($i != ($numpoints - 1)) {
                  echo ",\n";
                } else {
                  echo "\n";
                }
              }
              echo "],\"#ff0000\", 5, 1);\n";
              echo "map.addOverlay(polyline);\n\n";
            }
 
            mysql_close($link);
        ?>
 
       map.setUIToDefault();
      }
    }    
 
    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 500px"></div>
  </body>
</html>
[PHP] pobierz, plaintext

Jak widac wczytujemy tutaj mapke google podajemy parametry itd, a nastepnie rysujemy linie na mapce za pomocą takiej mniej więcej formułki wziętej z dokumentacji google maps :

[JAVASCRIPT] pobierz, plaintext 
var polyline = new GPolyline([
    new GLatLng(37.4419, -122.1419),
    new GLatLng(37.4519, -122.1519),
    new GLatLng( 37.4619, -122.1819)
], "#FF0000", 10);
map.addOverlay(polyline);
[JAVASCRIPT] pobierz, plaintext

U mnie jest to zaszyte w kodzie php i inicjowane za pomoca komendy echo.

No i teraz tak, dopóki nie miałem nic w bazie danych to mapka sie poprawnie wyświetlala, zapewne nie wchodzilo do cześci kodu gdzie jest funkcja odpowiedzialna za rysowanie linii.
Teraz gdy wrzucilem do bazy danych koordynanty, nic sie nie wyswietla , poprostu pusta strona,

W firebugu dostaje takie błędy :

Cytat

Ustawienia syntax error [0] => 1\n app_test.php (wiersz 17)initialize is not definedfunction onload(event) { initialize(); }(load )

Aha, no i moze dodam jeszcze ze nawet jak nie mialem nic w bazie danych to nie wyswietlal sie napis "no results", również nie wyswietlaja mi sie dane z bazy danych, w kodzie mam linijke : print_r($row) ale nic sie nie wyswietla, dlatego nie wiem jak to zdebugowac i co moze byc nie tak,.....

thek

24.11.2009, 16:02:05

Linia 11 -> &sensor=true_or_false" type="text/javascript"></script>
Wywal sensor bo to tylko testowo ma niby być dla ekranów dotykowych

Inna rzecz... Dla polilinii na IE jest wymagane obejście, gdyż ma ona problem z nimi... To jedna linijka w meta, ale sam znajdź jaka

No i zobacz czy Ci prawidłowo generuje kod oraz polilinie jeśli chodzi o tekst.

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.