Google Api carte avec les instructions en utilisant javascript

Question

(function(){ 
window.onload =function(){ 
var directionsDisplay; 
var directionsService = new google.maps.DirectionsService(); 

directionsDisplay = new google.maps.DirectionsRenderer(); 
    document.getElementById("lat").style.visibility = "hidden"; 
    document.getElementById("longi").style.visibility = "hidden"; 
    document.getElementById("number").style.visibility = "hidden"; 
    document.getElementById("addressone").style.visibility = "hidden"; 
    document.getElementById("city").style.visibility = "hidden"; 
    document.getElementById("countie").style.visibility = "hidden"; 
    document.getElementById("postcode").style.visibility = "hidden"; 
    var mapDiv = document.getElementById('map'); 
    var latitude = document.frmOne.lat.value; 
    var longitude = document.frmOne.longi.value; 
    var number = document.frmOne.number.value; 
    var addressone = document.frmOne.addressone.value; 
    var city = document.frmOne.city.value; 
    var countie = document.frmOne.countie.value; 
    var postcode = document.frmOne.postcode.value; 
    var latlng = new google.maps.LatLng(latitude,longitude); 
    var options ={ 
     center:latlng, 
     zoom:18, 
     mapTypeId:google.maps.MapTypeId.ROADMAP 

    }; 

    var map= new google.maps.Map(document.getElementById('map'),options); 
    directionsDisplay.setMap(map); 

     var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(latitude,longitude), 
    map: map, 
    title: 'Click me' 
    }); 

    var infowindow = new google.maps.InfoWindow({ 
    content: number+" "+addressone+"<br>"+city+"<br>"+countie+"<br>"+postcode 
    }); 

    google.maps.event.addListener(marker, 'click', function() { 
    // Calling the open method of the infoWindow 
    infowindow.open(map, marker); 
}); 


var start = (latitude,longitude); 
var end = "51.403650,-1.323252"; 
var request = { 
origin:start, 
destination:end, 
travelMode: google.maps.TravelMode.DRIVING 
    }; 
    directionsService.route(request, function(result, status) { 
    if (status == google.maps.DirectionsStatus.OK) { 
    directionsDisplay.setDirections(result); 
    } 
    }); 



    }; 
    })(); 

La longitude et la latitude est générée avec php et fonctionne parfaitement. La carte charge y compris le marqueur mais les directions ne montrent pas.

Je ne trouve pas un bon tutoriel sur les directions, donc si quelqu'un sait de cela serait aussi une aide Je sais que mon code n'est pas très bien rangé mais je ne suis pas très bon avec le script Java.

Answer 1

Vous avez copié le example from their own reference il ressemble à moi, ce qui est bien. Cependant, ils utilisent des noms de lieux et vous utilisez des coordonnées latentes. Ce que vous devez donc faire est d'utiliser des objets latlng réels au lieu de simplement "51.403650, -1.323252" et (latitude, longitude).

var request = { 
    origin:new google.maps.LatLng(latitude,longitude), 
    destination:new google.maps.LatLng(51.403650,-1.323252), 
    travelMode: google.maps.TravelMode.DRIVING 
};