Gmaps, dudas con geolocation y rutas

Buenos días:

Tengo unos problemas con la libreria Gmaps.js. Ya he conseguido incluir el mapa, añadir una chinceta personalizada y el botón de geolocalización. Os adjunto el codigo:

$(document).ready(function() {
    var map = new GMaps({
        el: '#mapa',
        lat: -6.8107151,
        lng: 39.2860301,
        zoom: 18,
        mapTypeControl: true,
        zoomControl: false,
        scaleControl: false,
        panControl: true
    });
 
    map.addMarker({
        lat: -6.8107151,
        lng: 39.2860301,
        infoWindow: {
            title: '{{ plantilla.empresa }}',
            content: '{{ plantilla.empresa.slogan }}'
        }
    });
 
    map.addControl({
        position: 'top_right',
        content: 'Geolocate your position',
        style: {
            margin: '5px',
            padding: '1px 6px',
            border: 'solid 1px #717B87',
            background: '#fff'
        },
        events: {
 
            click: function() {
 
                GMaps.geolocate({
                    success: function(position) {
                        map.setCenter(position.coords.latitude, position.coords.longitude);
                    },
                    error: function(error) {
                        alert('Geolocation failed: ' + error.message);
                    },
                    not_supported: function() {
                        alert("Your browser does not support geolocation");
                    }
                });
            }
        }
    });
 
});

Mi problema es cuando quiero que cuando se pulse el botón, me trace una ruta desde mi posición a la chincheta y que me de la ruta tipo GPS.

Y si no es mucho pedir, me gustaría añadir la opción de meterle la ruta a mano, si no es mucho abusar.

Gracias por todo y espero que me podáis echar una mano.

Respuestas

#1

Creo que lo que quieres hacer es justo lo que se muestra en este ejemplo de la documentación de Gmaps.js. Fíjate que puedes pinchar en el mapa, se crean las chinchetas y luego al darle al botón Forward o Back, se va generando la ruta tipo GPS.

@javiereguiluz

4 febrero 2015, 11:33