使用javascript的谷歌Api地图和方向 （函数（）{ window.onload=函数（）{ var方向显示； 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（“编号”）.style.visibility=“隐藏”； document.getElementById（“addressone”）.style.visibility=“hidden”； document.getElementById（“城市”）.style.visibility=“隐藏”； document.getElementById（“countie”）.style.visibility=“hidden”； document.getElementById（“postcode”）.style.visibility=“hidden”； var mapDiv=document.getElementById（'map'）； var纬度=document.frmOne.lat.value； var经度=document.frmOne.longi.value； var编号=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=新的google.maps.latlng（纬度、经度）； var期权={ 中心：拉特林， 缩放：18， mapTypeId:google.maps.mapTypeId.ROADMAP }; var map=new google.maps.map（document.getElementById（'map'），options）； 方向显示.setMap（地图）； var marker=new google.maps.marker({ 位置：新google.maps.LatLng（纬度、经度）， 地图：地图， 标题：“点击我” }); var infowindow=new google.maps.infowindow({ 内容：号码+“”+地址一+”“+城市+”“+国家+”“+邮政编码 }); google.maps.event.addListener（标记'click'，函数（）{ //调用infoWindow的open方法 信息窗口。打开（地图、标记）； }); var start=（纬度、经度）； var end=“51.403650，-1.323252”； var请求={ 来源：start， 目的地:完， travelMode:google.maps.travelMode.DRIVING }; 路由（请求、功能（结果、状态）{ if（status==google.maps.directionstatus.OK）{ 方向显示。设置方向（结果）； } }); }; })();

经度和纬度是用php生成的，效果非常好。地图将加载标记，但不显示方向

我找不到一个关于方向的好教程，所以如果有人知道这一点也会有所帮助 我知道我的代码不是很整洁，但是我对java脚本不是很在行。

你已经复制了它，在我看来，这很好。但是他们用的是地名，你用的是坐标。因此，您需要使用实际的latlng对象，而不仅仅是“51.403650、-1.323252”和（纬度、经度）

---

老兄，修好了我爱你哈哈：P

  (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);
    }
    });



    };
   })();

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