Tema: buscador de google maps
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 18/09/2012, 13:52
txemaarbulo
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: buscador de google maps
Cita:
Iniciado por maximendez88 Ver Mensaje
bueno me autorespondo... lo he logradoo!!!!
Es lo importante cuando tratamos de investigar. No obstante, quiero recordarte algo: lo estaba preparando cuando he visto tus logros:

- Por una parte utilizas la V2 del API de Google. Te recomiendo la V=3 que no requiere KEY y la versión 2 está en desuso y dejará de tener asistencia en 2013.

- Verás que el lenguaje es sensiblemente diferente, pero, personalmente después de haber mudado los códigos de una a otra versión, hasta diría que se entienden mejor, lo cual redunda en posibilidades de manipulación.

He tomado un ejemplo del enlace que te envié (a la izquierda, entre otras cosas tienes toda una sección de ejemplos para muchos efectos y cosas). Tan solo he modificado ligeramente el código (tanto HTML como Javascript) para darte los resultados de Latitud y Longitud.

Van en HTML5. El ejemplo original es ESTE.

El código que te había preparado y creo te será útil (lo merece tu esfuerzo) es:
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  5.     <meta charset="utf-8">
  6.     <title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
  7.     <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
  8. <style type="text/css">   
  9.   html, body {
  10.   height: 100%;
  11.   margin: 0;
  12.   padding: 0;
  13. }
  14.  
  15. #map_canvas {
  16.   height: 100%;
  17. }
  18.  
  19. @media print {
  20.   html, body {
  21.     height: auto;
  22.   }
  23.  
  24.   #map_canvas {
  25.     height: 650px;
  26.   }
  27. }
  28. </style>   
  29.     <script>
  30.       var geocoder;
  31.       var map;
  32.       function initialize() {
  33.         var latlng = new google.maps.LatLng(-34.397, 150.644);
  34.         var mapOptions = {
  35.           zoom: 8,
  36.           center: latlng,
  37.           mapTypeId: google.maps.MapTypeId.ROADMAP
  38.         }
  39.         map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
  40.       }
  41.  
  42.       function codeAddress() {
  43.         geocoder = new google.maps.Geocoder();
  44.         var address = document.getElementById('address').value;
  45.         geocoder.geocode( { 'address': address}, function(results, status) {
  46.           if (status == google.maps.GeocoderStatus.OK) {
  47.             document.getElementById('x').innerHTML = results[0].geometry.location.lat().toFixed(6);
  48.             document.getElementById('y').innerHTML = results[0].geometry.location.lng().toFixed(6);
  49.             map.setCenter(results[0].geometry.location);
  50.             var marker = new google.maps.Marker({
  51.                 map: map,
  52.                 position: results[0].geometry.location
  53.             });
  54.           } else {
  55.             alert('Geocode was not successful for the following reason: ' + status);
  56.           }
  57.         });
  58.       }
  59.     </script>
  60.   </head>
  61.   <body onload="initialize()">
  62.     <div>
  63.       <input id="address" type="textbox" value="Sydney, NSW" />
  64.       <br />
  65.       Latitud: <span id="x"></span>
  66.       <br />
  67.       Longitud: <span id="y"></span>
  68.       <br />
  69.       <input type="button" value="Localizar" onclick="codeAddress()">
  70.     </div>
  71.     <div id="map_canvas" style="height:90%;"></div>
  72.   </body>
  73. </html>
Claro está que el cuadro del mapa lo modificas a placer con CSS.

Saludos y éxitos