Trazar ruta entre dos puntos MAPS Hola. Me gustaría si alguien me puede ayudar a crear el código JS para trazar la ruta en google maps desde el punto donde se encuentra un dispositivo mòvil hasta otro del que ya conocemos sus coordenadas.
Tengo bastante avanzado. En un documento ya tengo el dispositivo geolocalizado y el punto y en otro documento puedo hacer que se trace la ruta pero no soy capaz de unirlos y que funcionen.
HEEELP por favor.
ESTE ES EL QUE ME SITUA LOS DOS PUNTOS:
<script>
/*ESTO ES DE DRAW MAP*/
var map;
var punto = new google.maps.LatLng(40.645641, -3.991820);
function drawMap(position){
var myLatLng = new google.maps.LatLng(position.coords.latitude,positi on.coords.longitude);
var mapOptions = {
zoom: 14,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canva s'), mapOptions);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title:"Tu ubicación"
});
punto = new google.maps.Marker({
position: punto,
map: map,
title: 'PUNTO'
});
}
function initialize(){
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(drawMap);
}
}
google.maps.event.addDomListener(window, 'load', initialize);/*esto iba al final del script lo he movido hoy martes a primera hora*/
</script>
ESTE ES EL QUE UNE DOS PUNTOS:
<script>
/*var directionsDisplay;*/
var directionsService = new google.maps.DirectionsService();
var map;
var casa = new google.maps.LatLng(40.650649, -3.998813);
var punto = new google.maps.LatLng(40.645641, -3.991820);
function initialize() {
directionsDisplay = new google.maps.DirectionsRenderer();
var mapOptions = {
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: casa
}
map = new google.maps.Map(document.getElementById('map_canva s'), mapOptions);
directionsDisplay.setMap(map);
}
function calcRoute() {
var selectedMode = document.getElementById('mode').value;
var request = {
origin: casa,
destination: punto,
// Note that Javascript allows us to access the constant
// using square brackets and a string value as its
// "property."
travelMode: google.maps.TravelMode[selectedMode]
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
}
</script>
