我正在使用一个应用程序运行一个循环,但我想将行中的数据分配给各个html元素。如果你能告诉我代码出了什么问题,我将不胜感激。
我想从几个不同的点根据单个距离和时间来通过javascript获取信息并在html上显示元素。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>distancematrixjs</title>
</head>
<body>
<div id="sonuc">
<p id="mesafe1">Mesafe 1:</p>
<p id="sure1">Süre 1:</p>
<p id="StatusDurum">Durum:</p>
<input type="button" value="hesapla" onClick="getDistance()"/>
</div>
<script type="text/javascript">
var origin1 = {lat: 41.67415, lng: 26.56253};
var destinationA = 'İstanbul, Türkiye';
function getDistance()
{
var service=new google.maps.DistanceMatrixService;
service.getDistanceMatrix({
origins:[origin1],
destinations:[destinationA],
travelMode:'DRIVING',
unitSystem: google.maps.UnitSystem.METRIC,
avoidHighways: false,
avoidTolls: false
},function(response,status){
if(status !=='OK'){
StatusDurum.innerHTML+='Hata'+status;
}else{
StatusDurum.innerHTML+=response;
var outputMesafe1=document.getElementById('mesafe1');
var outputSure1=document.getElementById('sure1');
outputMesafe1.innerHTML+=response.rows[0].elements[0].distance.text;
outputSure1.innerHTML+=response.rows[0].elements[0].duration.text;
}
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR-APİ-KEY&callback=initMap">
</script>
</body>
</html>
发布于 2019-03-15 08:39:46
在调用函数时破坏结构。上传的Google库指定了您不需要的函数调用"callback = initMap“。此外,为了让一切正常工作,您需要从谷歌获取API KEY,并将其嵌入到库上传中,而不是YOUR_API_KEY。
<script>
var origin1 = {lat: 41.67415, lng: 26.56253};
var destinationA = 'İstanbul, Türkiye';
function getDistance() {
var service=new google.maps.DistanceMatrixService;
service.getDistanceMatrix({
origins:[origin1],
destinations:[destinationA],
travelMode:'DRIVING',
unitSystem: google.maps.UnitSystem.METRIC,
avoidHighways: false,
avoidTolls: false
},function(response,status){
if(status !=='OK'){
StatusDurum.innerHTML+='Hata'+status;
}else{
StatusDurum.innerHTML+=response;
var outputMesafe1=document.getElementById('mesafe1');
var outputSure1=document.getElementById('sure1');
outputMesafe1.innerHTML+=response.rows[0].elements[0].distance.text;
outputSure1.innerHTML+=response.rows[0].elements[0].duration.text;
}
})
};
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
https://stackoverflow.com/questions/55173152
复制相似问题