PHP : Βοήθεια με Google Maps

alot

Γειά σας, είμαι σχετικά καινούργιος με την PHP και θέλω να κάνω το εξής :
Έχω έναν πίνακα στη Βάση Δεδομένων (Localhost προς το παρον) και έχω ήδη υπολογισμένες τις συντεταγμένες από κάθε διεύθυνση που περιλαμβάνεται σε αυτή τη Βάση. Έχω φτιάξει ένα query το οποίο εμφανίζει τις όλες τις διευθύνσεις. Ο κώδικας έχει ως εξής :
<?php
$result = mysql_query("SELECT * FROM geoid", $connection);
if (!$result) {
die("Database query failed: " . mysql_error());

}
while ($row = mysql_fetch_array($result)) {
echo $row["NAME"] ."&nbsp" .$row["ADDRESS"] ."<br />";
if ($row["LONGTITUDE"]!=0){

$map = "http://maps.google.com/?q=".$row["LONGTITUDE"].",".$row["LATIDUDE"];
echo $map."<br />";}
}
?>
Στο $map προσπάθησα να φτιάξω μία διεύθυνση για το Google Maps για κάθε εγγραφή.
Αυτό που θα ήθελα να κάνω είναι μετά από κάθε εγγραφή του πίνακα να μου εμφανίζει και έναν χάρτη (Google maps) με αυτή τη διεύθυνση.
Οποιαδήποτε βοήθεια θα ήταν πολύτιμη. Ευχαριστώ εκ των προτέρων.

nirvana · Στις: 25 Ιουλ 2012 15:08 Θέμα:

Για να έχεις ένα χαρτ:

κώδικας:

https://google-developers.appspot.com/maps/documentation/javascript/examples/map-simple

view source

κώδικας:

<!DOCTYPE html>
<html>
<head>
<title>Google Maps JavaScript API v3 Example: Map Simple</title>
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
html, body, #map_canvas {
margin: 0;
padding: 0;
height: 100%;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'),
mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map_canvas"></div>
</body>
</html>

Αν και δεν το έχω κάνει ποτε φαντάζομαι με ένα loop για τα παραπάνω σημεία δεν θα είναι δυσκολο..

alot · Στις: 25 Ιουλ 2012 19:01 Θέμα:

nirvana σε ευχαριστώ για την απάντηση. αυτό που δεν μπορώ όμως να καταφέρω είναι να βάλω τον κώδικα μέσα στο php query για να μπορέσω κάθε φορά να φορτώνω ένα χάρτη με συγκεκριμένα longtitude, latidude (για κάθε εγγραφή δηλαδή).

nirvana · Στις: 25 Ιουλ 2012 22:43 Θέμα:

Δεν μπορώ να πω ότι είμαι ειδικός στην javascript οπότε δεν ξερω αν είναι ο τέλειος τρόπος. Πάντως αυτό δουλεύει:

Φτιάξε από τις συντεταγμένες στην βάση σου ένα array όπως έχω εγώ το results

κώδικας:

<?
$results =array(
array('lat' => 52.315195, 'log' => 14.150391),
array('lat' => 37.961523, 'log' => 24.109497),
array('lat' => 11.092166, 'log' => 108.457031)
);
?>

<!DOCTYPE html>
<html>
<head>
<title>Google Maps JavaScript API v3 Example: Map Simple</title>
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
.map_canvas {
height: 150px;
   width: 80% ;
   margin-bottom: 20px;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
   var count = <?=count($results)?>;
   var myPlaces = <?= json_encode($results); ?>;

   function initialize() {
      for (i=0; i<count; i++)
      {
         map = new google.maps.Map(document.getElementById('map_'+(i+1)),
         {
            zoom: 8,
            center: new google.maps.LatLng(myPlaces[i].lat, myPlaces[i].log),
            mapTypeId: google.maps.MapTypeId.ROADMAP
         });
      }
   }

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>

<? for ($i = 1; $i <= count($results); $i++) { ?>
<div class="map_canvas" id="map_<?= $i ?>"></div>
<? } ?>
</body>
</html>

Ελπίζω να βοήθησα Another pint of beer

alot · Στις: 27 Ιουλ 2012 15:53 Θέμα:

Φίλε Nirvana σε ευχαριστώ πολύ για τον κώδικα που μου έδωσες

. Τελικά το έφτιαξα βάζοντας HTML μέσα στο Loop. Επειδή είμαι καινούργιος σε PHP δεν ήξερα ότι μπορεί κάποιος να το κάνει αυτό κλείνοντας και ανοίγοντας το PHP tag!

Αν δεν μου είχες δώσει τον παραπάνω κώδικα δεν θα το είχα προσέξει. Ο κώδικας που έχω έχει ως εξής :

<?php
$result = mysql_query("SELECT * FROM geoid ", $connection);
if (!$result) {
die("Database query failed: " . mysql_error());

while ($row = mysql_fetch_array($result)) {
$city= $row["CITY"];
$address= $row["ADDRESS"];
$tk= $row["TK"];
echo $row["NAME"].", ".$row["ADDRESS"].",".$row["CITY"].",".$row["TK"]."<br />";
$city= $row["CITY"];
$address= $row["ADDRESS"];
$tk= $row["TK"];
}
?>
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.gr/maps?f=q&source=s_q&hl=el&geocode=&q=<?php echo "$address,+$city,+$tk";?>&aq=t&sspn=0.008341,0.01929&ie=UTF8&hq=&hnear=<?php echo "$address,+$city,+$tk";?>&spn=0.00417,0.009645&t=m&z=17&output=embed"></iframe><br />
<?php } ?>

korgr · Στις: 27 Ιουλ 2012 18:44 Θέμα:

Αν θες να τι κάνεις πιο σωστό, να αποθηκεύεις στη βάση lat, lng & zoom και να δημιουργείς τον χάρτη με js και όχι τραβώντας τον μέσα σε iframe.
Έτσι θα μπορείς να βάζεις και σημεία ενδιαφέροντος, να αντιστοιχείς φωτογραφίες και πληροφορίες από τη βάση σου σε ένα map point και πολλά άλλα καλούδια...