Tema: Api google maps
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 11/04/2013, 06:04
franjgg
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 17 años, 11 meses
Puntos: 4
Respuesta: Api google maps
Hola de nuevo amigo,

He conseguido cojer las coordenadas apartir del codigo que me has enviado, la unica cosa que me falta es que cuando movemos la marca las coordenadas no se actualizan,

A ver si puede echarme una manilla.

este es el codigo completo:

Código HTML: 
Ver original
  1. <script src="http://maps.google.com/maps?file=api&v=2.x&key=AIzaSyB6aZ5WHW3WiTHExADSYls_fal7ez3o504" type="text/javascript"></script>
  2.      <script src="http://maps.google.com/maps?file=api&v=2.x&key=AIzaSyB6aZ5WHW3WiTHExADSYls_fal7ez3o504" type="text/javascript"></script>
  3.      <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjU0EJWnWPMv7oQ-jjS7dYxSPW5CJgpdgO_s4yyMovOaVh_KvvhSfpvagV18eOyDWu7VytS6Bi1CWxw"
  4.       type="text/javascript"></script>
  5.     <script type="text/javascript">
  6.  
  7.     var map = null;
  8.     var geocoder = null;
  9.  
  10.     function initialize() {
  11.       if (GBrowserIsCompatible()) {
  12.         map = new GMap2(document.getElementById("map_canvas"));
  13.         map.setCenter(new GLatLng(37.4419, -122.1419), 1);
  14.         map.setUIToDefault();
  15.         geocoder = new GClientGeocoder();
  16.       }
  17.     }
  18.  
  19.  
  20.  
  21.     function showAddress(address) {
  22.       if (geocoder) {
  23.         geocoder.getLatLng(
  24.           address,
  25.           function(point) {
  26.             if (!point) {
  27.               alert(address + " not found");
  28.             } else {
  29.  
  30.               map.setCenter(point, 15);
  31.               var marker = new GMarker(point, {draggable: true});
  32.               map.addOverlay(marker);
  33.               GEvent.addListener(marker, "dragend", function() {
  34.                             
  35.                if(document.getElementById('address').value != "") {
  36.                   var address = document.getElementById('address').value;
  37.                   geocoder.getLatLng(address, function(point) {
  38.                     if (!point) {
  39.                       alert(address + ' no encontrado');
  40.                     } else {
  41.                       document.getElementById('latitud').value = point.y;
  42.                       document.getElementById('longitud').value = point.x;
  43.                     }    
  44.                     });}
  45.  
  46.               });
  47.               GEvent.addListener(marker, "click", function() {
  48.                             
  49.                if(document.getElementById('address').value != "") {
  50.                   var address = document.getElementById('address').value;
  51.                   geocoder.getLatLng(address, function(point) {
  52.                     if (!point) {
  53.                       alert(address + ' no encontrado');
  54.                     } else {
  55.                       document.getElementById('latitud').value = point.y;
  56.                       document.getElementById('longitud').value = point.x;
  57.                     }    
  58.                     });}
  59.               });
  60.           GEvent.trigger(marker, "click");
  61.             }
  62.           }
  63.         );
  64.       }
  65.     }
  66.         
  67.     
  68.         
  69.     
  70.     </script>
  71.   </head>
  72.  
  73.   <body onload="initialize()" onunload="GUnload()">
  74.     <form action="#" onsubmit="showAddress(this.address.value); return false">
  75.       <p>
  76.         Enter an address, and then drag the marker to tweak the location.
  77.         <br/>
  78.         The latitude/longitude will appear in the infowindow after each geocode/drag.
  79.       </p>
  80.       <p>
  81.         <input type="text" style="width:350px" name="address" id="address" value="1600 Amphitheatre Pky, Mountain View, CA" />
  82.         <input type="submit" value="Go!"/>    <tr><td>Lat/Lng:</td><td><div id="latlng"></div></td></tr>
  83.       </p>
  84.       <div id="map_canvas" style="width: 600px; height: 400px"></div>
  85.     <input name="latitud" type="text" id="latitud" size="45" />
  86.     <input name="longitud" type="text" id="longitud" size="45" />                   
  87.     </form>

Con esto ya podria enviar las coordenadas mediante un form y guardarlas en la base de datos.

Bueno un saludo amigo