Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6234
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από fafos » 17 Ιουν 2009 17:22

Προηγούμενο Βοήθημα: Google Maps - 2ο-B, Δημιουργία xml με php & mysql


Ένα δύσκολο στους χάρτες είναι να βρούμε τις συντεταγμένες ενός σημείου που θέλουμε να προσθέσουμε στους χάρτες μας. Αν κατεβάσατε τα αρχεία του προηγούμενου βοηθήματος θα είδατε μέσα ένα εργαλείο όπου δίνουμε την διεύθυνση και παίρνουμε τις συντεταγμένες.

Αυτό το εργαλείο το βλέπετε παρακάτω αυτόνομο:

Κώδικας: Επιλογή όλων

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
      	<title>Find latitude and longitude with Google Maps</title>
      <script src="http&#58;//maps.google.com/maps?file=api&amp;v=2&amp;key=TO API SAS EDO"
      type="text/javascript"></script>
    <script type="text/javascript">

 function load&#40;&#41; &#123;
      if &#40;GBrowserIsCompatible&#40;&#41;&#41; &#123;
        var map = new GMap2&#40;document.getElementById&#40;"map"&#41;&#41;;
        map.addControl&#40;new GSmallMapControl&#40;&#41;&#41;;
        map.addControl&#40;new GMapTypeControl&#40;&#41;&#41;;
        var center = new GLatLng&#40;37.97918, 23.71665&#41;;
        map.setCenter&#40;center, 15&#41;;
        geocoder = new GClientGeocoder&#40;&#41;;
        var marker = new GMarker&#40;center, &#123;draggable&#58; true&#125;&#41;;  
        map.addOverlay&#40;marker&#41;;
        document.getElementById&#40;"lat"&#41;.innerHTML = center.lat&#40;&#41;.toFixed&#40;5&#41;;
        document.getElementById&#40;"lng"&#41;.innerHTML = center.lng&#40;&#41;.toFixed&#40;5&#41;;

	  GEvent.addListener&#40;marker, "dragend", function&#40;&#41; &#123;
       var point = marker.getPoint&#40;&#41;;
	      map.panTo&#40;point&#41;;
       document.getElementById&#40;"lat"&#41;.innerHTML = point.lat&#40;&#41;.toFixed&#40;5&#41;;
       document.getElementById&#40;"lng"&#41;.innerHTML = point.lng&#40;&#41;.toFixed&#40;5&#41;;

        &#125;&#41;;


	 GEvent.addListener&#40;map, "moveend", function&#40;&#41; &#123;
		  map.clearOverlays&#40;&#41;;
    var center = map.getCenter&#40;&#41;;
		  var marker = new GMarker&#40;center, &#123;draggable&#58; true&#125;&#41;;
		  map.addOverlay&#40;marker&#41;;
		  document.getElementById&#40;"lat"&#41;.innerHTML = center.lat&#40;&#41;.toFixed&#40;5&#41;;
	   document.getElementById&#40;"lng"&#41;.innerHTML = center.lng&#40;&#41;.toFixed&#40;5&#41;;


	 GEvent.addListener&#40;marker, "dragend", function&#40;&#41; &#123;
      var point =marker.getPoint&#40;&#41;;
	     map.panTo&#40;point&#41;;
      document.getElementById&#40;"lat"&#41;.innerHTML = point.lat&#40;&#41;.toFixed&#40;5&#41;;
	     document.getElementById&#40;"lng"&#41;.innerHTML = point.lng&#40;&#41;.toFixed&#40;5&#41;;

        &#125;&#41;;
 
        &#125;&#41;;

      &#125;
    &#125;

	   function showAddress&#40;address&#41; &#123;
	   var map = new GMap2&#40;document.getElementById&#40;"map"&#41;&#41;;
       map.addControl&#40;new GSmallMapControl&#40;&#41;&#41;;
       map.addControl&#40;new GMapTypeControl&#40;&#41;&#41;;
       if &#40;geocoder&#41; &#123;
        geocoder.getLatLng&#40;
          address,
          function&#40;point&#41; &#123;
            if &#40;!point&#41; &#123;
              alert&#40;address + " not found"&#41;;
            &#125; else &#123;
		  document.getElementById&#40;"lat"&#41;.innerHTML = point.lat&#40;&#41;.toFixed&#40;5&#41;;
	   document.getElementById&#40;"lng"&#41;.innerHTML = point.lng&#40;&#41;.toFixed&#40;5&#41;;
		 map.clearOverlays&#40;&#41;
			map.setCenter&#40;point, 14&#41;;
   var marker = new GMarker&#40;point, &#123;draggable&#58; true&#125;&#41;;  
		 map.addOverlay&#40;marker&#41;;

		GEvent.addListener&#40;marker, "dragend", function&#40;&#41; &#123;
      var pt = marker.getPoint&#40;&#41;;
	     map.panTo&#40;pt&#41;;
      document.getElementById&#40;"lat"&#41;.innerHTML = pt.lat&#40;&#41;.toFixed&#40;5&#41;;
	     document.getElementById&#40;"lng"&#41;.innerHTML = pt.lng&#40;&#41;.toFixed&#40;5&#41;;
        &#125;&#41;;


	 GEvent.addListener&#40;map, "moveend", function&#40;&#41; &#123;
		  map.clearOverlays&#40;&#41;;
    var center = map.getCenter&#40;&#41;;
		  var marker = new GMarker&#40;center, &#123;draggable&#58; true&#125;&#41;;
		  map.addOverlay&#40;marker&#41;;
		  document.getElementById&#40;"lat"&#41;.innerHTML = center.lat&#40;&#41;.toFixed&#40;5&#41;;
	   document.getElementById&#40;"lng"&#41;.innerHTML = center.lng&#40;&#41;.toFixed&#40;5&#41;;

	 GEvent.addListener&#40;marker, "dragend", function&#40;&#41; &#123;
     var pt = marker.getPoint&#40;&#41;;
	    map.panTo&#40;pt&#41;;
    document.getElementById&#40;"lat"&#41;.innerHTML = pt.lat&#40;&#41;.toFixed&#40;5&#41;;
	   document.getElementById&#40;"lng"&#41;.innerHTML = pt.lng&#40;&#41;.toFixed&#40;5&#41;;
        &#125;&#41;;
 
        &#125;&#41;;

            &#125;
          &#125;
        &#41;;
      &#125;
    &#125;
    </script>
<style type="text/css">
<!--
P&#123;
  font-size &#58; 12px;
  font-family &#58; Verdana;
&#125;
-->
</style>
	
	
	
  </head>

  
<body onload="load&#40;&#41;" onunload="GUnload&#40;&#41;" >
<br />
     <p>Δώστε παρακάτω την διεύθυνση και πατήστε την "Αποστολή". <br />Αντιγράψτε τους αριθμούς που προκύπτουν για τα Latitude & Longitude στα αντίστοιχα πεδία της φόρμας σας.</p>
<form action="#" onsubmit="showAddress&#40;this.address.value&#41;; return false">
     <p>Διεύθυνση&#58;<br>        
      <input type="text" size="60" name="address" value="Αθήνα, Ελλάδα" />
      <input type="submit" value="Search!" />
      </p>
    </form>

 <p align="left">

 
 <table  bgcolor="#FFFFCC" width="300">
  <tr>
    <td width="100"><b>Latitude</b></td>
    <td id="lat" style="font-size &#58; 14px;font-family &#58; Verdana;font-weight &#58; bold;color &#58; blue;"></td>
  </tr>
  <tr>
    <td width="100"><b>Longitude</b></td>
    <td id="lng" style="font-size &#58; 14px;font-family &#58; Verdana;font-weight &#58; bold;color &#58; blue;"></td>

  </tr>
</table>
<div align="center" id="map" style="width&#58; 600px; height&#58; 400px"><br/></div>
</body>

</html>


Αντιγράψτε τον παραπάνω κώδικα, αλλάξτε το ΑΡΙ με το δικό σας και σώστε το αρχείο με όποιο όνομα θέλετε (π.χ. find-latlog.html)


Σε αυτό το αρχείο υπάρχει μία φόρμα όπου βάζοντας την διεύθυνση ή την τοποθεσία ή το σημείο ενδιαφέροντος (π.χ. Ακρόπολη) σας εμφανίζει τις συντεταγμένες. Μπορεί επίσης, να δείξει τις συντεταγμένες κάνοντας ένα "κλικ" επάνω στο σημείο του χάρτη που μας ενδιαφέρει (ή μεταφέροντας το εικονείδιο στο σημείο που θέλουμε).

Για καλύτερα αποτελέσματα σε Ελληνικές τοποθεσίες γράφετε πάντα το Ελλάδα στο τέλος γιατί μπερδεύεται με άλλες τοποθεσίες με Ελληνικά ονόματα που υπάρχουν σε άλλες χώρες. Η φόρμα δουλεύει με Ελληνικούς και Λατινικούς χαρακτήρες (π.χ. το Αθήνα και το Athens είναι το ίδιο)

Δείτε ένα demo: http://www.istopoli.com/cruise/maps/find-lat.html




Επόμενο βοήθημα... άλλο ένα χρήσιμο εργαλείο...
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Intefix
Δημοσιεύσεις: 186
Εγγραφή: 22 Σεπ 2007 16:21
Τοποθεσία: Ηράκλειο Κρήτης
Επικοινωνία:

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από Intefix » 18 Σεπ 2009 14:57

Πως προσθέτω οδούς που ΔΕΝ έχει το google map η και μετονομασία οδών αλλαγή κατευθεύνσεων κλπ. Νοείτε ότι είμαι αρμόδιος για αυτό.

kosfar
Δημοσιεύσεις: 1
Εγγραφή: 08 Μαρ 2010 17:29

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από kosfar » 09 Μαρ 2010 09:37

Συγχαρητήρια για την προσπάθεια!

Θα ήθελα να σε ρωτήσω αν θεωρείς δυνατή την εξαγωγή συντεταγμένων με το κατάλληλο κομμάτι του παραπάνω κώδικα, χωρίς τη δημιουργία και χρήση χάρτη. Π.χ. με την εισαγωγή δεδομένων από μια λίστα excel.

Επίσης στο tutorial σου έχεις χρησιμοποιήσει κάποιο Optimization για geocoding σε Ελλάδα; Υποψιάζομαι πως το κεντράρισμα του χάρτη στην Αθήνα δεν παίζει κάποιο ρόλο αλλά ίσως η επιλογή χάρτη με ελληνική χαρτογράφηση ίσως παίζει. Είναι σωστό αυτό;

Άβαταρ μέλους
manos2010grr
Δημοσιεύσεις: 159
Εγγραφή: 17 Ιαν 2007 18:13
Επικοινωνία:

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από manos2010grr » 31 Ιαν 2011 04:42

fafo έχω μπλέξει λίγο χρησιμοποίω το fancybox ώστε να ανοίγει ο χάρτης στην ίδια σελίδα!

αυτό που θέλω να κάνω είναι να έχω ένα select με πόλεις και καθώς διαλέγω μία πολη να μου ανοιγει κατευθείαν στην πολη το google maps!

Το θέμα είναι οτι δυσκολεύμομαι να στειλω με το fancybox δεδομένα με javascript
Καμία λύση?????

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6234
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από fafos » 31 Ιαν 2011 17:10

manos2010grr έγραψε:fafo έχω μπλέξει λίγο χρησιμοποίω το fancybox ώστε να ανοίγει ο χάρτης στην ίδια σελίδα!

αυτό που θέλω να κάνω είναι να έχω ένα select με πόλεις και καθώς διαλέγω μία πολη να μου ανοιγει κατευθείαν στην πολη το google maps!

Το θέμα είναι οτι δυσκολεύμομαι να στειλω με το fancybox δεδομένα με javascript
Καμία λύση?????

prepei na xrhsimopoihseis thn methodo me iframe... dhladh na psaxnei thn polh se allh selida..

sto funcybox meta einai eukola ta pragmata:

to script:

Κώδικας: Επιλογή όλων

<script>
$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
$&#40;"#city"&#41;.bind&#40;'change', function&#40;&#41; &#123;			
	$.fancybox&#40;&#123;
		'width'				&#58; '80%',
		'height'			&#58; '80%',
        'autoScale'     	&#58; true,
		'type'				&#58; 'iframe',
		href&#58;'map.php?city='+ $&#40;"#city"&#41;.val&#40;&#41;
	&#125;&#41;;
	
&#125;&#41;;
&#125;&#41;;
</script>

to select:

Κώδικας: Επιλογή όλων

<form><select id="city" >
<option value="">select</option>
  <option value="Athens,Greece">Αθήνα</option>
  <option value="Θεσσαλονίκη,Ελλάδα">Θεσσαλονίκη</option>
  <option value="Ναύπλιο, Ελλάδα">Ναύπλιο</option>
</select> </form>

opos vlepeis dino ena id sto select (#city) kai to stelno sto href tou script san metavlhth gia na to psaksei sto arxeio map.php (me GET) opou exo ton kodika gia to map..

des ena grhgoro paradeigma edo: http://www.istopoli.com/cruise/maps/fun-map.php
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
manos2010grr
Δημοσιεύσεις: 159
Εγγραφή: 17 Ιαν 2007 18:13
Επικοινωνία:

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από manos2010grr » 01 Φεβ 2011 12:19

Λοίπον δες τι είχα κάνει!!

Κώδικας: Επιλογή όλων

<script>
$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
$&#40;"#google"&#41;.click&#40;function&#40;&#41;&#123;//koumpi gia anoigma fancybox
    val poli=$&#40;"#city"&#41;.val&#40;&#41;;      
   $.fancybox&#40;&#123;
      'width'            &#58; '80%',
      'height'         &#58; '80%',
        'autoScale'        &#58; true,
      'type'            &#58; 'iframe',
      href&#58;'map.php?city='+poli
   &#125;&#41;;
   den to stelnei i mal**ia!!! 
&#125;&#41;;
&#125;&#41;;
</script>
To diko sou to stelnei....
Eyxaristw polyyyyyyyyy.......

Άβαταρ μέλους
manos2010grr
Δημοσιεύσεις: 159
Εγγραφή: 17 Ιαν 2007 18:13
Επικοινωνία:

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από manos2010grr » 02 Φεβ 2011 00:37

Ωραία και πως τα παίρνω πίσω τα lat και lng που δίνει ο χρήστης πίσω στην φόρμα!!
Δοκίμασα με την load('google-maps.php #lat') όπου το google-maps το iframe αλλά τζίφος!!

Φαντάσου δηλαδή στο google-maps.php έχω βάλει

Κώδικας: Επιλογή όλων

<div id="lat"></div>
<div id="lng"></div>
και με το load('google-maps.php #lat') θέλω να γύρίσω την τιμή lat πίσω, αν βάλω <div id="lat">manos</div> το manos γυρίζει!!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6234
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από fafos » 02 Φεβ 2011 01:17

ti ennoeis "πως τα παίρνω πίσω τα lat και lng που δίνει ο χρήστης πίσω στην φόρμα"

prepei na do ti kaneis... to google-maps.php me to pou tha anoixei tha dosei tis syntetagmenes sta divs.. den xreiazetai na oriseis sto load() kati... milame gia thn forma pou vlepoume edo? right?
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
manos2010grr
Δημοσιεύσεις: 159
Εγγραφή: 17 Ιαν 2007 18:13
Επικοινωνία:

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από manos2010grr » 02 Φεβ 2011 03:10

Όχι ειναι ξεχωριστή, φαντάσου έχω μια φόρμα που αν ο χρήστης επιλέξει χρήση google maps εμφανίζεται δίπλα ένα div που λέει πάτα εδώ για καταχώρηση στον χάρτη, μόλις λοιπόν πατάει εμφανίζεται το fancybox με το iframe του google maps για καταχώρηση !!
Σύμφωνα με το δικό σου tutorial ο χρήστης γράφει ακριβώς την διεύθυνση του και εμφανίζονται οι συντεταγμένες αλλά εγω θέλω μόλις κλείνει το fancybox να αποθηκεύω τις συντεταγμένες κάπου στην προηγούμενη φόρμα και όχι οι συντεταγμένες να φαίνονται μόνο στο fancybox!!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6234
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από fafos » 02 Φεβ 2011 03:42

gia na katalavo... edo: http://www.istopoli.com/cruise/maps/fun-map1.php einai to paron tutorial mesa sto funcy.. thes oi syntetagmenes pou deixnei h oiandhpote allo epilexei o xrhsths na kataxorithei kapou sthn selida pou einai to select menu?
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
manos2010grr
Δημοσιεύσεις: 159
Εγγραφή: 17 Ιαν 2007 18:13
Επικοινωνία:

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από manos2010grr » 02 Φεβ 2011 11:52

Ωραία εγώ αυτο που θέλω μολις κλείσει το fancybox και έχει διαλέξει ο χρήστης άλλη διεύθυνση, να εμφανιστούν σε ένα νέο div οι συντεταγμένες κάτω απο το select με τις πόλεις!!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6234
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από fafos » 02 Φεβ 2011 22:43

loipon...

des kai pali: http://www.istopoli.com/cruise/maps/fun-map1.php

elpizo na einai auto pou thes...

tora paizo me inputs kai javascript parents... me to pou kalo na anoixei to fancy stelno sthn kyria selida 2 values me parent (1 to parent.latitude kai 1 to parent.longitude)..

h kyria selida ta pairnei kai topothetei ta apotelesmata se 2 pedia:

Κώδικας: Επιλογή όλων

      <script language="javascript">
        function latitude&#40;string&#41;&#123;
       var name=string
       document.getElementById&#40;'latitude'&#41;.value=name;
     &#125;
        function longitude&#40;string&#41;&#123;
       var name=string
       document.getElementById&#40;'longitude'&#41;.value=name;
     &#125;	 
    </script>


<div id="result">
<br />
Latitude&#58; <input type="text" id="latitude" ><br /><br />
Longitude&#58; <input type="text" id="longitude" >
</div>
to id="result" den emfanizetai mexri na kleiso to fancy... me to pou kleinei dinei tis times pou exei epilexei o xrhsths..

vazeis fantasia kai to kaneis opos thes.. aplos prosexe thn epanalhpsh pou kano sta parents analoga me to ti kano ston xarth (onload, me metakinhsh tou marker, me anazhthsh dieutynshs klp klp)


o kodikas tou iframe me ton xarth:

Κώδικας: Επιλογή όλων

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
      	<title>Find latitude and longitude with Google Maps</title>

    <script charset="UTF-8" src="http&#58;//maps.google.com/maps?file=api&amp;v=2&hl=el&oe=utf-8&key=ABQIAAAAJ_VOu2suojQjVQOf1awTKxSrgP1H14j86luPB6hadaGnNCvvShSjmHMVyawNoJHIrxp0lT4j2ejk8A" type="text/javascript"></script>
	    <script type="text/javascript">
	
	function load&#40;&#41; &#123;
      if &#40;GBrowserIsCompatible&#40;&#41;&#41; &#123;
	    var map = new GMap2&#40;document.getElementById&#40;"map"&#41;&#41;;
        map.addControl&#40;new GSmallMapControl&#40;&#41;&#41;;
        map.addControl&#40;new GMapTypeControl&#40;&#41;&#41;;
        var center = new GLatLng&#40;37.97918, 23.71665&#41;;
        map.setCenter&#40;center, 15&#41;;
        geocoder = new GClientGeocoder&#40;&#41;;
        var marker = new GMarker&#40;center, &#123;draggable&#58; true&#125;&#41;;  
        map.addOverlay&#40;marker&#41;;
		var inpval = center.lat&#40;&#41;.toFixed&#40;8&#41;;
		var inpvalg = center.lng&#40;&#41;.toFixed&#40;8&#41;;		
        document.getElementById&#40;"lat"&#41;.innerHTML = '<input	type="text" name="lat"  id="lati" value="'+inpval+'">';
        document.getElementById&#40;"lng"&#41;.innerHTML = '<input	type="text" name="lag"  id="laga"  value="'+inpvalg+'">';

	  GEvent.addListener&#40;marker, "dragend", function&#40;&#41; &#123;
       var point = marker.getPoint&#40;&#41;;
	      map.panTo&#40;point&#41;;
		  var inpvalp = point.lat&#40;&#41;.toFixed&#40;8&#41;;
		  var inpvalpg = point.lng&#40;&#41;.toFixed&#40;8&#41;;		  
        document.getElementById&#40;"lat"&#41;.innerHTML = '<input	type="text" name="lat"  id="lati" value="'+inpvalp+'">';
        document.getElementById&#40;"lng"&#41;.innerHTML = '<input	type="text" name="lag"  id="laga"  value="'+inpvalpg+'">';

        &#125;&#41;;


	 GEvent.addListener&#40;map, "moveend", function&#40;&#41; &#123;
		  map.clearOverlays&#40;&#41;;
    var center = map.getCenter&#40;&#41;;
		  var marker = new GMarker&#40;center, &#123;draggable&#58; true&#125;&#41;;
		  map.addOverlay&#40;marker&#41;;
		  var inpvalc = center.lat&#40;&#41;.toFixed&#40;8&#41;;
		  var inpvalcg = center.lng&#40;&#41;.toFixed&#40;8&#41;;		  
        document.getElementById&#40;"lat"&#41;.innerHTML = '<input	type="text" name="lat"  id="lati" value="'+inpvalc+'">';
        document.getElementById&#40;"lng"&#41;.innerHTML = '<input	type="text" name="lag"  id="laga"  value="'+inpvalcg+'">';


	 GEvent.addListener&#40;marker, "dragend", function&#40;&#41; &#123;
      var point =marker.getPoint&#40;&#41;;
	     map.panTo&#40;point&#41;;
		  var inpvalpa = point.lat&#40;&#41;.toFixed&#40;8&#41;;
		  var inpvalpag = point.lng&#40;&#41;.toFixed&#40;8&#41;;		  
        document.getElementById&#40;"lat"&#41;.innerHTML = '<input	type="text" name="lat"  id="lati" value="'+inpvalpa+'">';
        document.getElementById&#40;"lng"&#41;.innerHTML = '<input	type="text" name="lag"  id="laga"  value="'+inpvalpag+'">';

        &#125;&#41;;
 
        &#125;&#41;;

      &#125;
    &#125;

	   function showAddress&#40;address&#41; &#123;
	   var map = new GMap2&#40;document.getElementById&#40;"map"&#41;&#41;;
       map.addControl&#40;new GSmallMapControl&#40;&#41;&#41;;
       map.addControl&#40;new GMapTypeControl&#40;&#41;&#41;;
       if &#40;geocoder&#41; &#123;
        geocoder.getLatLng&#40;
          address,
          function&#40;point&#41; &#123;
            if &#40;!point&#41; &#123;
              alert&#40;address + " not found"&#41;;
            &#125; else &#123;
		  var inpvalpab = point.lat&#40;&#41;.toFixed&#40;8&#41;;
		  var inpvalpagb = point.lng&#40;&#41;.toFixed&#40;8&#41;;		  
        document.getElementById&#40;"lat"&#41;.innerHTML = '<input	type="text" name="lat"  id="lati" value="'+inpvalpab+'">';
        document.getElementById&#40;"lng"&#41;.innerHTML = '<input	type="text" name="lag"  id="laga"  value="'+inpvalpagb+'">';			
var latis = inpvalpab;
var lagas = inpvalpagb;
parent.latitude&#40;latis&#41;;
parent.longitude&#40;lagas&#41;;
		 map.clearOverlays&#40;&#41;
			map.setCenter&#40;point, 17&#41;;
   var marker = new GMarker&#40;point, &#123;draggable&#58; true&#125;&#41;;  
		 map.addOverlay&#40;marker&#41;;

		GEvent.addListener&#40;marker, "dragend", function&#40;&#41; &#123;
      var pt = marker.getPoint&#40;&#41;;
	     map.panTo&#40;pt&#41;;
		  var inpvalpao = pt.lat&#40;&#41;.toFixed&#40;8&#41;;
		  var inpvalpago = pt.lng&#40;&#41;.toFixed&#40;8&#41;;		  
        document.getElementById&#40;"lat"&#41;.innerHTML = '<input	type="text" name="lat"  id="lati" value="'+inpvalpao+'">';
        document.getElementById&#40;"lng"&#41;.innerHTML = '<input	type="text" name="lag"  id="laga"  value="'+inpvalpago+'">';
var latis = inpvalpao;
var lagas = inpvalpago;
parent.latitude&#40;latis&#41;;
parent.longitude&#40;lagas&#41;;		
		
        &#125;&#41;;


	 GEvent.addListener&#40;map, "moveend", function&#40;&#41; &#123;
		  map.clearOverlays&#40;&#41;;
    var center = map.getCenter&#40;&#41;;
		  var marker = new GMarker&#40;center, &#123;draggable&#58; true&#125;&#41;;
		  map.addOverlay&#40;marker&#41;;
		  var inpvalco = center.lat&#40;&#41;.toFixed&#40;8&#41;;
		  var inpvalcgo = center.lng&#40;&#41;.toFixed&#40;8&#41;;		  
        document.getElementById&#40;"lat"&#41;.innerHTML = '<input	type="text" name="lat"  id="lati" value="'+inpvalco+'">';
        document.getElementById&#40;"lng"&#41;.innerHTML = '<input	type="text" name="lag"  id="laga"  value="'+inpvalcgo+'">';
var latis = inpvalco;
var lagas = inpvalcgo;
parent.latitude&#40;latis&#41;;
parent.longitude&#40;lagas&#41;;

	 GEvent.addListener&#40;marker, "dragend", function&#40;&#41; &#123;
     var pt = marker.getPoint&#40;&#41;;
	    map.panTo&#40;pt&#41;;
		  var inpvalpai = pt.lat&#40;&#41;.toFixed&#40;8&#41;;
		  var inpvalpagi = pt.lng&#40;&#41;.toFixed&#40;8&#41;;		  
        document.getElementById&#40;"lat"&#41;.innerHTML = '<input	type="text" name="lat"  id="lati" value="'+inpvalpai+'">';
        document.getElementById&#40;"lng"&#41;.innerHTML = '<input	type="text" name="lag"  id="laga"  value="'+inpvalpagi+'">';		
var latis = inpvalpai;
var lagas = inpvalpagi;
parent.latitude&#40;latis&#41;;
parent.longitude&#40;lagas&#41;;
        &#125;&#41;;
 
        &#125;&#41;;

            &#125;
          &#125;
        &#41;;
      &#125;
    &#125;

    </script>


<style type="text/css">
<!--
P&#123;
  font-size &#58; 12px;
  font-family &#58; Verdana;
&#125;
-->

</style>
	
	
	
  </head>

  
<body onload="load&#40;&#41;, showAddress&#40;'<? echo $_GET&#91;city&#93;;?>'&#41;" onunload="GUnload&#40;&#41;" >

<br />
     <p>Δώστε παρακάτω την διεύθυνση και πατήστε την "Αποστολή". <br />Αντιγράψτε τους αριθμούς που προκύπτουν για τα Latitude & Longitude στα αντίστοιχα πεδία της φόρμας σας.</p>
<form action="#" onsubmit="showAddress&#40;this.address.value&#41;; return false">
     <p>Διεύθυνση&#58;<br>        
      <input type="text" size="60" name="address" value="<? echo $_GET&#91;city&#93;;?>" />

      <input type="submit" value="Search!" />
      </p>
    </form>

 <p align="left">

 <form id="forma" method="GET" action="" name="forma">
 <table  width="300">
  <tr>
    <td  style="padding-bottom&#58;15px;"><b>Latitude&#58;</b></td>
    <td  style="font-size &#58; 14px;font-family &#58; Verdana;font-weight &#58; bold;color &#58; blue;padding-bottom&#58;15px;"><b id='lat'></b></td>
  </tr>
  <tr>
    <td ><b>Longitude&#58;</b></td>
    <td  style="font-size &#58; 14px;font-family &#58; Verdana;font-weight &#58; bold;color &#58; blue;"><b id='lng'></b></td>

  </tr>
</table>
 
</form>	
<div align="center" id="map" style="width&#58; 600px; height&#58; 400px"><br/></div>

</body>

</html>

Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από mpempe » 10 Φεβ 2011 02:49

Fafos πολυ ωραία πράγματα μας δείχνεις. Να σε ρωτήσω κάτι.
Όπως βγάζεις σε τα Latitude και Longitude στα input πεδία μπορούμε να βγάλουμε και τον αριθμό του ζουμ καθώς και τον τύπο του χάρτη? Δορυφορικός κλπ.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6234
Εγγραφή: 30 Νοέμ 2004 03:09

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από fafos » 10 Φεβ 2011 16:25

gia to zoom: map.getZoom()

gia ton typo: map.getCurrentMapType().getName()

o typos tha doulepsei an kanei kapoia kinhsh mesa ston xarth (den lamvanei ypopsin tis epiloges typou apo to menou)
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

Google Maps - 3ο, A, Εργαλεία, Φόρμα Εύρεσης Συντεταγμένων

Δημοσίευση από mpempe » 10 Φεβ 2011 19:38

Fafos ευχαριστώ για την απάντηση.
Θα προσπαθήσω πρώτα για το zoom.

Αν κατάλαβα καλά αναθέτω σε μεταβλητή να πάρει τον αριθμό

var zoom = map.getZoom();

Δημιουργώ το input

document.getElementById("zoom").innerHTML = '<input readonly="yes" type="text" name="zoom" id="zoom" value="'+zoom+'">';

To τυπώνω
<b id='zoom'>

Το αποτέλεσμα είναι να πέρνει το zoom αλλα είναι σταθερό. Δεν αλλάζει.
Μήπως πρέπει το παραπάνω να το προσθέσω και σε άλλα σημεία?

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες