Colocar marcador con Geocode V3 y extraer coordenadas

loncho_rojas · #1 (**permalink**) 12/03/2013, 14:07

Buenas, alguna ve ya logre hacer lo que dice el título, solo que en la V2, con la nueva API V3 me pierdo bastante ya que Javascript no es mi especialidad realmente.

Necesito que el usuario registe su dirección mediante el mapa de google, por ende, cuando esté en el administrador, pueda buscar su ciudad y dirección, y luego con un click colocar el marcador indicando donde está su hogar. Esa coordenada del lugar, extraerla para enviar a una BD y recuperarla mas adelante.

Logre llamar al mapa y que al darle click en algun lugar me salga la coordenada, pero no pude hacer que aparezca el marcador exactamente donde le dieron el click... ayuda por fa.. aqui mi code:

Código Javascript:

Ver original<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta charset="utf-8">
<style>
html, body, #map_canvas {                
  height: 100%;
}
</style>
<title>Coordenadas en Google Maps v3</title>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
 
        var map;
        function initialize(){  
                
                //marco la posicion de inicio del mapa
                var myLatlng = new google.maps.LatLng(-25.359005772814545,-57.551021575927734);
                
                //coloco las opciones del mapa
                var mapOptions = {
                          zoom: 12,
                          center: myLatlng,
                          mapTypeId: google.maps.MapTypeId.ROADMAP
                        };
                 
                 //creo el mapa                       
                map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);           
                
                
                
                // le digo que donde le de click me pase al elemento POSICION del 
                // codigo HTML el valor de las coordenadas, en este caso en el campo INPUT
                google.maps.event.addListener(map, 'click', function(event) {
                        document.getElementById("posicion").value = event.latLng;               
                  });
                  
                  //aqui mi intento por colocar el marcador pero no me sale (-_-') AWW
                  marker = new google.maps.Marker({
                 map:map,
                draggable:true,
                position:myLatlng
                
                });
 
           
        }
 
 
//cargo la funcion al iniciar la pagina
google.maps.event.addDomListener(window, 'load', initialize);
 
</script>
</head>
<body>
 
<h1>Detectar Longitud y Latitud en Google Maps v3 -  Extraer coordenadas y guardarlas en BD</h1>
 
<div id="map_canvas" style="width: 50%; height: 50%"></div>
 
 
Posicion: <input type="text" id="posicion" size="100" />
 
</body>
</html>

EL marcador sale, me permite moverlo, pero no se coloca donde le doy click ni tampoco obtengo las coordenadas que necesito con el mismo.. estoy un poco mareado ya, HELP please.

loncho_rojas · #2 (**permalink**) 14/03/2013, 07:42

Alguien =D