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

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

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

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

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

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

pou thes na to deixneis? sthn forma?
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

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

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

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

Ναι με βάση τον δικό σου κώδικα

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

<!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> 


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

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

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

opou exo inputs gia tis syntetagmenes prepei na valeis kai tou zoom.. h monh diafora einai sto function showAddress(address) {.. opou sto proto kommati prepei na doseis to input kai to var meta to

map.setCenter(point, 17);
var marker = new GMarker(point, {draggable: true});
map.addOverlay(marker);

giati tha sou gyrnaei NaN:

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

<!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;;
		var zoom = map.getZoom&#40;&#41;;	
        document.getElementById&#40;"zoom"&#41;.innerHTML = '<input	type="text" name="zoom"  id="zoom"  value="'+zoom+'">';		
        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;;
			var zoom = map.getZoom&#40;&#41;;	
        document.getElementById&#40;"zoom"&#41;.innerHTML = '<input	type="text" name="zoom"  id="zoom"  value="'+zoom+'">';		  
        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;;
		var zoom = map.getZoom&#40;&#41;;	
        document.getElementById&#40;"zoom"&#41;.innerHTML = '<input	type="text" name="zoom"  id="zoom"  value="'+zoom+'">';			  
        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;;
		var zoom = map.getZoom&#40;&#41;;	
        document.getElementById&#40;"zoom"&#41;.innerHTML = '<input	type="text" name="zoom"  id="zoom"  value="'+zoom+'">';			  
        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;
			var zoom = map.getZoom&#40;&#41;;
		parent.zoom&#40;zoom&#41;;  
    &#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;;
		var zoom = map.getZoom&#40;&#41;;	
        document.getElementById&#40;"zoom"&#41;.innerHTML = '<input	type="text" name="zoom"  id="zoom"  value="'+zoom+'">';	
		parent.zoom&#40;zoom&#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;;	
				var zoom = map.getZoom&#40;&#41;;	
        document.getElementById&#40;"zoom"&#41;.innerHTML = '<input	type="text" name="zoom"  id="zoom"  value="'+zoom+'">';	  
        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;
		var zoom = map.getZoom&#40;&#41;;
		parent.zoom&#40;zoom&#41;;
parent.latitude&#40;latis&#41;;
parent.longitude&#40;lagas&#41;;		
				  var zoomb = map.getZoom&#40;&#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;;
		var zoom = map.getZoom&#40;&#41;;	
        document.getElementById&#40;"zoom"&#41;.innerHTML = '<input	type="text" name="zoom"  id="zoom"  value="'+zoom+'">';			  
        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;
		var zoom = map.getZoom&#40;&#41;;
		parent.zoom&#40;zoom&#41;;
parent.latitude&#40;latis&#41;;
parent.longitude&#40;lagas&#41;;
			  var zoomc = map.getZoom&#40;&#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;;	
		var zoom = map.getZoom&#40;&#41;;	
        document.getElementById&#40;"zoom"&#41;.innerHTML = '<input	type="text" name="zoom"  id="zoom"  value="'+zoom+'">';			  
        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;
		var zoom = map.getZoom&#40;&#41;;
		parent.zoom&#40;zoom&#41;;
parent.latitude&#40;latis&#41;;
parent.longitude&#40;lagas&#41;;
			  var zoomd = map.getZoom&#40;&#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>
   <tr>
    <td ><b>Zoom&#58;</b></td>
    <td  style="font-size &#58; 14px;font-family &#58; Verdana;font-weight &#58; bold;color &#58; blue;"><b id='zoom'></b></td>

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

</body>

</html>
o parapano kodikas einai symfona me to paradeigma tou funcybox.. edo to paradeigma: http://www.istopoli.com/cruise/maps/fun-map1.php
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

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

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

Δημοσίευση από mpempe » 11 Φεβ 2011 12:37

Μπράβο fafos να σαι καλά.
Αυτό ακριβώς χρειαζόμουν. Ευχαριστώ.
Πρόσθεσα ευκολα και το όνομα τύπου του χάρτη με τον κώδικα

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

      var MapType = map.getCurrentMapType&#40;&#41;.getName&#40;&#41;;    
        document.getElementById&#40;"MapType"&#41;.innerHTML = '<input   type="text" name="MapType"  id="MapType"  value="'+MapType+'">';       
Ότι πρέπει για αποθήκευση των στοιχείων ενός χάρτη σε βάση δεδομένων

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

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

Δημοσίευση από korgr » 11 Φεβ 2011 14:12

Δάσκαλε πότε να περιμένουμε τα ανάλογα στο νέο api που δεν χρειάζεται keys? :)

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

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

Δημοσίευση από fafos » 11 Φεβ 2011 14:36

korgr έγραψε:Δάσκαλε πότε να περιμένουμε τα ανάλογα στο νέο api που δεν χρειάζεται keys? :)
douleuei hdh.. aplos exei pio polles dynatothtes kai kapoies etoimes vivliothikes opos auth: http://gmaps-samples-v3.googlecode.com/ ... laces.html
(grapse "pizza athens greece" gia na katalaveis)

douleuei poly me javascripts kai pragmata pou ekane prin me exoterikes vivliothikes ta kanei mono me to javascript tou api... merika exoun kai plaka:

http://gmaps-samples-v3.googlecode.com/ ... _game.html

polla kala paradeigmata edo: http://gmaps-samples-v3.googlecode.com/svn/trunk/
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

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

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

Δημοσίευση από manos2010grr » 13 Φεβ 2011 07:09

Λοιπόν fafo έκανα αυτο που ήθελα, χρησιμοποίησα βέβαια την geolocationpicker δίνω τον κώδικα αν τον χρειαστεί κανείς!!

Με λίγα λόγια έχω ένα text field που γράφω την διεύθυνση και μόλις πατάω αναζήτηση ανοίγει ένα div με τον χάρτη και μου αποθηκεύει τις συντεταγμένες!!
Συνημμένα
google maps.rar
(32.34 KiB) Μεταφορτώθηκε 386 φορές

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

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

Δημοσίευση από fafos » 13 Φεβ 2011 15:24

den katalavaino ti kanei auto pou efeiaxes!! auto emfanizei mia fora tis syntetagmenes kai telos... meta prepei na ksanakleiseis to funcy kai na ananeoseis thn selida gia na vreis nees syntetagmenes...
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

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

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

Δημοσίευση από manos2010grr » 13 Φεβ 2011 18:39

Το χρησιμοποίω σε ένα project και το προσάρμοσα γρήγορα σε ένα παράδειγμα και το έκανα λάθος!! :oops: :oops: :oops: :oops:
Στέλνω το σωστό, κοίτα όμως σχετικά με τα δικά σου παραδείγματα αυτο δεν πιάνει μια έτσι ξέρω που βρίσκομαι, απλά είπα οτι το έκανα :kaloe:
Συνημμένα
google maps.rar
(32.38 KiB) Μεταφορτώθηκε 387 φορές

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

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

Δημοσίευση από fafos » 13 Φεβ 2011 18:44

vasika auto pou kaneis einai auto pou dino xoris sto proto post xoris funcy klp.. an sou kanei krathse to .. me thn v3 einai poio eukolo pantos:

http://gmaps-samples-v3.googlecode.com/ ... o_add.html
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

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

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

Δημοσίευση από manos2010grr » 21 Φεβ 2011 15:42

Πως μπορώ να κάνω στο δικό σου παράδειγμα μαζί με το icon να υπάρχει γύρω του κάποιος κύκλος και να μετακινείτε μαζί με το icon;

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

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

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

manos2010grr έγραψε:Πως μπορώ να κάνω στο δικό σου παράδειγμα μαζί με το icon να υπάρχει γύρω του κάποιος κύκλος και να μετακινείτε μαζί με το icon;
den katalavaino ti kyklo enoeis.. mporeis na kaneis to eikonidio kyklo...
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

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

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

Δημοσίευση από manos2010grr » 21 Φεβ 2011 16:20

Εννοώ κάτι σαν και αυτό
gmaps-samples-v3.googlecode.com/svn/trunk/circle-overlay/circle-overlay.html

βέβαια να μην αλλάζει το μέγεθος του κύκλου απλά να ακολουθεί το icon

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

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

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

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

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

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

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

Σε ευχαριστώ πολυ!!!!!!!!!!!!!!

Απάντηση

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

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

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