Editar rutas de google maps en mi web

[morfasto]

Hola, que tal?

Estuve buscando como hacer para que desde mi web, uno pueda buscar direcciones de google maps y hacer rutas desde A a B, para despues gardarlas en mi base de datos, entonces cuando alguien interesado en la ruta la quiera ver, selecciona la ruta, esta se carga desde la base de datos y la muestra.

Me hago entender? Es esto posible?

Muchas gracias!

[javiercitox]

Aquí la API de google
http://code.google.com/intl/es-ES/ap.../tutorial.html

Pero creo que esto es más fácil, puedes ver de inmediato las funciones a usar
http://code.google.com/apis/ajax/pla...olyline_simple

Solo debes buscar lo que se ajuste a tus necesidades, lógicamente debes trabajar bastante estás funciones, ya que tu quieres guardar rutas.... esto consta de ir guardando muchos puntos que están dentro del mapa....

[abimaelrc]

Te recomiendo que verifiques un tutorial que se base en la versión 3, ejemplo http://www.maestrosdelweb.com/editor...en-google-map/

[morfasto]

No lo logro entender bien, sobretodo porque no hay un tutorial que explique algo parecido a lo que yo estoy buscando.

Hasta ahora solo encontre 2 ejemplos que podrian ayudarme si los modifico, pero no tengo idea de hacerlo jaja, les muestro los codigos para ver si alguien puede ayudar.

Código Javascript:

function save_waypoints()
{
    var w=[],wp;
    var rleg = ren.directions.routes[0].legs[0];
    data.start = {'lat': rleg.start_location.lat(), 'lng':rleg.start_location.lng()}
    data.end = {'lat': rleg.end_location.lat(), 'lng':rleg.end_location.lng()}
    var wp = rleg.via_waypoints 
    for(var i=0;i<wp.length;i++)w[i] = [wp[i].lat(),wp[i].lng()]    
    data.waypoints = w;
}
 

En este codigo, en data, se alojan los datos del inicio, final y los waypoints de la ruta. Lo que necesito es poder pasar estos datos a una base de datos, para poder cargarlos desde otro lado y que muestre la misma informacion que fue guardada.

Por otro lado, tengo esta otra funcion que es la que se carga en el onload del body:

Código Javascript:

function goma()
{
    map = new google.maps.Map( document.getElementById('mappy'), {'zoom':12, 'mapTypeId': google.maps.MapTypeId.ROADMAP, 'center': new google.maps.LatLng(26.05678288577881, -80.30236816615798) })
 
    ren = new google.maps.DirectionsRenderer( {'draggable':true} );
    ren.setMap(map);
    ser = new google.maps.DirectionsService();
    
    ser.route({ 'origin': new google.maps.LatLng(-12.0814, -76.8921), 'destination':  new google.maps.LatLng(-12.0841, -76.9127), 'travelMode': google.maps.DirectionsTravelMode.DRIVING},function(res,sts) {
        if(sts=='OK')ren.setDirections(res);
    })      
}
 

Lo que hace este codigo es mostrar el mapa con una ruta ya establecida, pero lo que yo quiero es poder buscar la ruta que yo necesito por medio de 2 text-inputs y un boton. Una vez que se busca la ruta, no siempre el inicio o el final estan ubicados exactamente en sus posiciones, entonces requiere que los marcadores sean movibles (draggable) y que la ruta se pueda modificar con waypoints para que el camino este totalmente correcto. Despues de eso, se usaria el primer codigo que les pase para guardar la ruta creada.

Tal vez lo que pido es muy complicado, tal vez no, pero si alguien se anima a ayudarme, se lo agradeceria demasiado. Tal vez un tutorial que este mas cerca a lo que quiero, nose. Cualquier ayuda es bienvenida.

Gracias!

[Bernoo]

las rutas deben de ser trazadas automaticamente o por el usuario? es decir el usuario puede seleccionar el Area y pintar esa area, despues con un boton guarde esa linea, posteriormente q otros usuarios puedan hacer la consulta de esa ruta? esoo es?

[morfasto]

Iniciado por Bernoo

las rutas deben de ser trazadas automaticamente o por el usuario? es decir el usuario puede seleccionar el Area y pintar esa area, despues con un boton guarde esa linea, posteriormente q otros usuarios puedan hacer la consulta de esa ruta? esoo es?

Intentare explicarme mejor:

Cuando uno entra a la pagina (la que quiero hacer) debe de aparecer un mapa asi como [URL="http://code.google.com/apis/maps/documentation/javascript/examples/map-simple.html"]este[/URL], pero no all 100% de la ventana. Tambien deberia de aparecer 2 text-inputs y 2 botones. Un text input es para el INICIO y el otro es para el DESTINO. Uno escribe el inicio y el destino y le da a uno de los botones el cual pone un marcador en el inicio (en el mapa) y otro en el destino y une los marcadores con una ruta. Entonces, como normalmente los marcadores no van a estar ubicados exactamente donde se quiere, estos marcadores deben de poder ser movibles (draggables) para poder ubicarlos exactamente donde se desea. La ruta que se genera, generalmente no es la correcta, entonces, si la ruta no es la adecuada, esta puede ser movida de la misma manera que los marcadores.

Por ejemplo, yo busco una ruta escribiendo el INICIO y el DESTINO y me da [URL="http://maps.google.es/maps?saddr=Acapulco&daddr=El+Paraiso&hl=es&sll=-12.086702,-76.901572&sspn=0.017793,0.027874&geocode=Ff6mR_8d0 rhq-w%3BFbicR_8d4mdq-w&vpsrc=0&mra=me&mrsp=1,0&sz=16&z=16"]esto[/URL], pero, la ruta no es la correcta, entonces la corrigo y logro [URL="http://maps.google.es/maps?saddr=Acapulco&daddr=-12.0831,-76.90045+to:El+Paraiso&hl=es&sll=-12.086702,-76.901572&sspn=0.017793,0.027874&geocode=Ff6mR_8d0 rhq-w%3BFWSgR_8dnpdq-yn_ejfT3sAFkTHR8V28J0Szfw%3BFbicR_8d4mdq-w&vpsrc=0&mra=dpe&mrsp=1&sz=16&via=1&z=16"]esto[/URL]. Ahora que el INICIO y el DESTINO estan en sus posiciones junto con la ruta, se usa el segundo boton que seria para grabar las coordenadas del INICIO, DESTINO y los WAYPOINTS que son los cambios que se han hecho en la ruta.

Ahora me hago entender?

Saludos

[morfasto]

Intente corregir los links, pero no se que es lo que pasa. Igual tienes ahi el URL para que veas los ejemplos.