Tema: Coordenadas de Google Maps
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 09/06/2011, 18:40
musashi003
 
Fecha de Ingreso: agosto-2006
Mensajes: 9
Antigüedad: 17 años, 8 meses
Puntos: 0
Respuesta: Coordenadas de Google Maps
Gracias abimaelrc:

Abusando de tu conocimiento en Google Maps como le haria para que un texto que tengo arriba del mapa que es el que da la latitud y longitud, cambie cada vez que muevo el puntero, ya que se queda con las coordenadas que detecta con la geolocalización, mira este es mi codigo, ya le agregue el draggable: true



Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Documento sin t&iacute;tulo</title>
  6.  
  7. <script src="http://maps.google.com/maps/api/js?sensor=false">
  8. </script>
  9. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js">
  10. </script>
  11. <script type="text/javascript">
  12. function geolocalizar()
  13.     {
  14.         $("#status").text("Espera te estamos localizando...");
  15.         navigator.geolocation.getCurrentPosition(mostrarMapa, errorMapa);
  16.     }
  17.     
  18.     function mostrarMapa(posicion)
  19.     {
  20.         var lat = posicion.coords.latitude;
  21.         var lon = posicion.coords.longitude;
  22.         $("#status").text("Te encontramos! Estas en: " + lat + "," + lon);
  23.         
  24.         $("#mapa_canvas").css("height", "300px");
  25.         $("#mapa_canvas").css("width", "400px");
  26.         $("#mapa_canvas").css("margin", "left");
  27.         var coordenada = new google.maps.LatLng(lat,lon);
  28.         var opciones = {
  29.             zoom: 16,
  30.             center: coordenada,
  31.             mapTypeId: google.maps.MapTypeId.ROADMAP
  32.         }; 
  33.         var mapa = new google.maps.Map(document.getElementById("mapa_canvas"), opciones);
  34.         
  35.         var opcionesChinche = {
  36.             position: coordenada,
  37.             map: mapa,
  38.             title:"Ubicacion del establecimiento",
  39.             draggable: true
  40.         };
  41.         
  42.         var chinche = new google.maps.Marker(opcionesChinche);
  43.             
  44.     }
  45.     
  46.    function errorMapa(errorsh)
  47.     {
  48.         $("#status").text("Casi te encontramos, espera...");
  49.     }
  50.     
  51.     $(document).ready(
  52.       function ()
  53.         {
  54.             geolocalizar();
  55.             
  56.         }
  57.     );
  58. </script>
  59.  
  60.  
  61. </head>
  62.  
  63. <body>
  64.  
  65. <p id="status"></p> //Aqui muestro los mensajes del estado (latitud y longitud)
  66. <div id="mapa_canvas"></div>
  67.  
  68. </body>
  69. </html>

Realmente tengo que meterme de lleno con la guia de la API de GMaps , aun soy algo novato en la programación.

Muchas gracias por la ayuda.