Javascript 距离矩阵api-如何按用户设置目的地？_Javascript_Html_Function_Google Maps

Javascript 距离矩阵api-如何按用户设置目的地？

javascript html function google-maps

Javascript 距离矩阵api-如何按用户设置目的地？,javascript,html,function,google-maps,Javascript,Html,Function,Google Maps,我用了这个代码这是计算两个城市之间距离的代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <input id="orig" type="text" style="width:35em"><br><br> Vaša lokacija: <input id="dest" type="text

我用了这个代码这是计算两个城市之间距离的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

</head>
<body>

<input id="orig" type="text" style="width:35em"><br><br>
Vaša lokacija: <input id="dest" type="text" style="width:35em"><br><br>
Udaljenost: <input id="dist" type="text" style="width:35em">
<button onclick="" >Izračunaj!</button>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var origin = "Zagreb",
destination = "Cakovec",
service = new google.maps.DistanceMatrixService();

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

function callback(response, status) {
var orig = document.getElementById("orig"),
    dest = document.getElementById("dest"),
    dist = document.getElementById("dist");

if(status=="OK") {
    orig.value = response.destinationAddresses[0];
    dest.value = response.originAddresses[0];
    dist.value = response.rows[0].elements[0].distance.text;
} else {
    alert("Error: " + status);
}
}
</script>
</body>
</html>

并尝试将结果作为用户输入城市，但什么都没有…我尝试使用document.getelementbyid，但脚本不起作用。仅在html中作为预编本使用。所以，若我在HTML origin=A和destination=B中编写，它将计算从A到B的距离，但在浏览器中，数据无法更改

我想做的是：1.将第一个目标值设置为固定值2。在他的位置3中输入用户类型。按钮，该按钮具有计算从之前设置的固定位置到其位置的点击距离的功能。

提前谢谢

什么都不会发生，因为您没有尝试获取元素的值。您只需选择元素

因此，您必须更改代码，如：

var orig = document.getElementById("orig").value,
dest = document.getElementById("dest").value,
dist = document.getElementById("dist").value;

console.logorig总是有帮助的，这样你就可以看到你拥有的东西了

var x=document.getElementById'orig'； console.log这只是元素； console.logx； console.log------------------； var x=document.getElementById'orig'。值； console.log这是所选元素的值； console.logx；

最好是，如果你创造了一个小提琴，这表明你的问题！！！嗯，我想这并不是每个人都知道所有的事情，如果我不想弄明白的话，那么……我永远也学不到新东西，我来这里寻求帮助，至少这个网站是为了帮助我……我想……你不必知道所有的事，但如果你想喝瓶装水，你至少需要知道如何打开瓶子，对吗？你不知道的东西是最基本的！不过，只要更新你的代码或创建一个提琴，我会帮你完成这一切，好吗？请在这里添加你的代码，这有助于我们帮助你：我不确定我是否只是复制此代码或需要更改此文件中的某些内容我对console不熟悉。logconsole.log是web开发的基础如果你想为web编程，请熟悉！但是，您必须将代码更新为当前包含我的建议的内容，否则我们无法帮助您，并且console.log的工作原理在我提供的代码片段中得到了完美的演示