如何在HTML - 優文庫

-1

使用預定義變量標我有這樣的代碼：如何在HTML

<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">   
</script> 
<script type="text/javascript"> 
var directionDisplay; 
var map; 


function initialize() { 
directionsDisplay = new google.maps.DirectionsRenderer(); 
var copenhagen = new google.maps.LatLng(55.6771, 12.5704); 
var myOptions = { 
    zoom:12, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    center: copenhagen 
} 

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
directionsDisplay.setMap(map); 
} 


var directionsService = new google.maps.DirectionsService(); 

function calcRoute() { 
var start = document.getElementById("start").value; 
var end = document.getElementById("end").value; 
var distanceInput = document.getElementById("distance"); 

var request = { 
    origin:start, 
    destination:end, 
    travelMode: google.maps.DirectionsTravelMode.DRIVING 
}; 

directionsService.route(request, function(response, status) { 
    if (status == google.maps.DirectionsStatus.OK) { 
     directionsDisplay.setDirections(response); 
     distanceInput.value = response.routes[0].legs[0].distance.value/1000; 
    } 
}); 
} 
</script> 

<title>Distance Calculator</title> 

<style type="text/css"> 

     body { 
      font-family:Helvetica, Arial; 
     } 
     #map_canvas { 
      height: 50%; 
     } 
</style> 
</head> 
<body> 

<body onload="initialize()"> 
<p>Enter your current location and desired destination to get the distance</p> 
    <div> 
     <p> 
      <label for="start">Start: </label> 
      <input type="text" name="start" id="start" /> 
<br> 
      <label for="end">End: </label> 
      <input type="text" name="end" id="end" /> 

      <input type="submit" value="Calculate Route" onclick="calcRoute()" /> 
     </p> 
     <p> 
<script> 

       var cost=distance*2-(distance*2*0.20) 

       document.write("Cost: "); 
       document.write(cost + "<br>"); 


</script> 
    </p> 
    </div> 
    <div id="map_canvas"></div> 
</body> 
</html>

和有問題的代碼是這樣的：

<script> 

       var cost=distance*2-(distance*2*0.20) 

       document.write("Cost: "); 
       document.write(cost + "<br>"); 


</script>

本準則要求用戶的起始地址和目的地地址，並使用Google Maps API計算兩點之間的距離。然後，我添加了功能來計算出租車使用其公式計算區域統一費用（距離單位爲公里）* 2-20％時需花費多少費用。

我的問題在於「距離」變量在API代碼中定義的事實，所以當我在計算成本時參考它，它似乎並沒有結轉......就像它沒有「 t甚至存在。我知道它與使用不同下標的內容有關，它與試圖使用它的內容相關。任何和所有的建議表示讚賞！

來源

2013-02-02 daniel11

標題與該問題有何關係？這個問題最後提到了一個下標，但似乎沒有任何下標。 –

對不起，我的錯誤。我打算提一提，我認爲這個問題是因爲標籤包含了定義「距離」變量的代碼，並且它不能在這些標籤之外被引用。我想，當我最初輸入這篇文章的時候，我正在考慮自己縮寫爲「Sub」腳本的腳本！我必須失去它！ – daniel11

老實說，我不太清楚如果有一個適當的名稱爲「

相關問題