Javascript 未捕获的InvalidValueError:未知属性来源

该代码使用

谷歌地图api

并绘制所选点之间的路线。但单击“

计算距离”

”按钮无法计算这两点之间的距离

返回的错误为：

未捕获的InvalidValueError:控制台日志中的未知属性源main.js:12

代码：

现在努力！
html，正文{
身高：100%；
边际：0px；
填充：0px
}
#地图画布{
身高：100%；
宽度：100%；
}
#面板{
位置：绝对位置；
身高：30%；
宽度：20%
顶部：30px；
左：15%；
左边距：-180px；
z指数：5；
背景色：rgba（255255,0）；
填充物：5px；
}
#输出div{
字体大小：11px；
}
var方向显示；
var directionsService=new google.maps.directionsService（）；
var信息窗口；
var映射；
var origin=null；
var destination=null；
函数初始化（）{
directionsDisplay=new google.maps.DirectionsRenderer（）；
var mylatng=new google.maps.LatLng（19.1264,72.8790）；
变量myOptions={
缩放：13，
中心：myLatlng，
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
方向显示.setMap（地图）；
下载URL（“xmltaix.php”，函数（数据）{
var markers=data.documentElement.getElementsByTagName（“标记”）；
对于（变量i=6；i<16；i=i+8）{
var latlng=new google.maps.latlng（parseFloat（markers[i].getAttribute（“lat”）），
parseFloat（markers[i].getAttribute（“lng”））；
//var标记=创建标记（latlng）；
如果（i==6）
原产地=板条；
其他的
目的地=拉丁美洲；
}
});
//calcRoute（）；
}
/*函数createMarker（latlng）{
var marker=new google.maps.marker（{position:latlng，map:map}）；
google.maps.event.addListener（标记“单击”，函数（）{
if（infowindow）infowindow.close（）；
//infowindow=newgoogle.maps.infowindow（{content:name}）；
信息窗口。打开（地图、标记）；
});
返回标记；
}*/
//calcRoute（）；
函数calcRoute（）{
var selectedMode=document.getElementById（'mode'）。值；
//var start=document.getElementById（'start'）.value；
//var end=document.getElementById（'end'）.value；
var请求={
来源:来源,，
目的地：目的地，
travelMode:google.maps.travelMode[selectedMode]
};
路由（请求、功能（响应、状态）{
if（status==google.maps.directionstatus.OK）{
方向显示。设置方向（响应）；
}
});
}
函数CalculateInstances（）{
var service=new google.maps.DistanceMatrixService（）；
service.getDistanceMatrix(
{
来源:来源,，
目的地：目的地，
travelMode:google.maps.travelMode.DRIVING，
unitSystem:google.maps.unitSystem.METRIC，
避免：错误，
避免收费：错误
}，回调）；
}
函数回调（响应、状态）{
if（status！=google.maps.DistanceMatrixStatus.OK）{
警报（“错误为：”+状态）；
}否则{
//var origin=response.originAddresses；
//var destination=response.destinationaddress；
var outputDiv=document.getElementById（'outputDiv'）；
outputDiv.innerHTML=''；
//deleteOverlays（）；
//对于（变量i=0；i'；
//}
//}
}
}
//}
google.maps.event.addDomListener（窗口“加载”，初始化）；
搜索：
路线
算计
距离

这可能是一个极其微小的错误，请帮我解决。

没有属性

origin

，它应该是

origins

。同样地，

目的地

应该是

目的地

。它希望以数组的形式接收这些数据，而不是单个LatLng对象

service.getDistanceMatrix(
    {
      origin: origin,
      destination: destination,
      travelMode: google.maps.TravelMode.DRIVING,
      unitSystem: google.maps.UnitSystem.METRIC,
      avoidHighways: false,
      avoidTolls: false
    }, callback);

应该是

service.getDistanceMatrix(
    {
      origins: [origin],
      destinations: [destination],
      travelMode: google.maps.TravelMode.DRIVING,
      unitSystem: google.maps.UnitSystem.METRIC,
      avoidHighways: false,
      avoidTolls: false
    }, callback);

没有属性

origin

，它应该是

origins

。同样地，

目的地

应该是

目的地

。它希望以数组的形式接收这些数据，而不是单个LatLng对象

service.getDistanceMatrix(
    {
      origin: origin,
      destination: destination,
      travelMode: google.maps.TravelMode.DRIVING,
      unitSystem: google.maps.UnitSystem.METRIC,
      avoidHighways: false,
      avoidTolls: false
    }, callback);

应该是

service.getDistanceMatrix(
    {
      origins: [origin],
      destinations: [destination],
      travelMode: google.maps.TravelMode.DRIVING,
      unitSystem: google.maps.UnitSystem.METRIC,
      avoidHighways: false,
      avoidTolls: false
    }, callback);

没有属性

origin

，它应该是

origins

。同样地，

目的地

应该是

目的地

。它希望以数组的形式接收这些数据，而不是单个LatLng对象

service.getDistanceMatrix(
    {
      origin: origin,
      destination: destination,
      travelMode: google.maps.TravelMode.DRIVING,
      unitSystem: google.maps.UnitSystem.METRIC,
      avoidHighways: false,
      avoidTolls: false
    }, callback);

应该是

service.getDistanceMatrix(
    {
      origins: [origin],
      destinations: [destination],
      travelMode: google.maps.TravelMode.DRIVING,
      unitSystem: google.maps.UnitSystem.METRIC,
      avoidHighways: false,
      avoidTolls: false
    }, callback);

没有属性

origin

，它应该是

origins

。同样地，

目的地

应该是

目的地

。它希望以数组的形式接收这些数据，而不是单个LatLng对象

service.getDistanceMatrix(
    {
      origin: origin,
      destination: destination,
      travelMode: google.maps.TravelMode.DRIVING,
      unitSystem: google.maps.UnitSystem.METRIC,
      avoidHighways: false,
      avoidTolls: false
    }, callback);

应该是

service.getDistanceMatrix(
    {
      origins: [origin],
      destinations: [destination],
      travelMode: google.maps.TravelMode.DRIVING,
      unitSystem: google.maps.UnitSystem.METRIC,
      avoidHighways: false,
      avoidTolls: false
    }, callback);

---

下载URL的功能在哪里？感谢您在这里发布之前清理您的代码。添加所有函数，删除注释行等。

downloadUrl

函数在哪里？感谢您在这里发布之前清理您的代码。添加所有函数，删除注释行等。

downloadUrl

函数在哪里？感谢您在这里发布之前清理您的代码。添加所有函数，删除注释行等。

downloadUrl

函数在哪里？感谢您在这里发布之前清理您的代码。添加所有函数、删除注释行等。