2016-06-28 9 views
-1

私の問題を理解している人から助けが必要です、私は合計見積もりの​​後10%を追加しようとしています。私はvarの結果を試した:pct/10;それをしなかった、神の名前の誰かが私が本当にこれを感謝するこの問題を解決するために私を助けることができますか?どのように私は%と分ごとの関数をjavascriptで追加するのですか

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"></script> 
 
    <script> 
 
//--------------Settings-------------------------------- \t 
 
//ISO 3166-1 Alpha-2 country code, use http://en.wikipedia.org/wiki/ISO 3166-2_alpha-2#US 
 
var countrycode="US" 
 
//Rate per mil (2.00) 
 
var ratepermi=2.50; 
 
//Minimum fare (60) 
 
var minimum_fare=50; 
 
//Currrency Symbol 
 
var currencysymbol="$"; 
 
//Avoid motorways/highways? true/false 
 
var avoidHighways=false; 
 
//Avoid toll roads? true/false 
 
var avoidTolls=false; 
 
//Show summary? true/false 
 
var showsummary=false; 
 
//Disclaimer text 
 
var disclaimer="Please be aware this is only an estimated fare and the final price will be quoted on request" 
 
//----------End Settings-------------------------------- \t 
 
\t 
 
function initialize() 
 
{ 
 
\t var options = {componentRestrictions: {country: countrycode}}; 
 
\t var input = /** @type {HTMLInputElement} */(document.getElementById('inputfrom')); 
 
\t var searchBoxfrom = new google.maps.places.Autocomplete(input,options); 
 
\t var input = /** @type {HTMLInputElement} */(document.getElementById('inputto')); 
 
\t var searchBoxto = new google.maps.places.Autocomplete(input,options); 
 
} 
 

 
function ftn_estimate() 
 
{ 
 
\t if (document.getElementById('inputfrom').value!="" && document.getElementById('inputto').value!="") 
 
\t { 
 
\t \t var origin = document.getElementById('inputfrom').value; 
 
\t \t var destination = document.getElementById('inputto').value; 
 
\t \t 
 
\t \t var service = new google.maps.DistanceMatrixService(); 
 
\t \t service.getDistanceMatrix(
 
\t \t { 
 
\t \t \t origins: [origin], 
 
\t \t \t destinations: [destination], 
 
\t \t \t travelMode: google.maps.TravelMode.DRIVING, 
 
\t \t \t unitSystem: google.maps.UnitSystem.IMPERIAL, 
 
\t \t \t avoidHighways: avoidHighways, 
 
\t \t \t avoidTolls: avoidTolls, 
 
\t \t }, callback); \t 
 
\t } 
 
} 
 

 
function callback(response, status) { 
 
    if (status != google.maps.DistanceMatrixStatus.OK) { 
 
    alert('Error was: ' + status); 
 
    } else { 
 
    var origins = response.originAddresses; 
 
    var destinations = response.destinationAddresses; 
 

 
    for (var i = 0; i < origins.length; i++) { 
 
     var results = response.rows[i].elements; 
 
\t 
 
     for (var j = 0; j < results.length; j++) { 
 

 
\t \t if(showsummary) 
 
\t \t { 
 
\t \t \t document.getElementById('summary').innerHTML=origins[i] + ' to ' + destinations[j] + ': ' + results[j].distance.text + ' in '+ results[j].duration.text; 
 
\t \t \t document.getElementById('summary').innerHTML+="<br /><font color='red'>" + disclaimer + "</font>" 
 
\t \t } 
 
\t \t document.getElementById('distance').value=(results[j].distance.value/1609.34).toFixed(1); 
 
\t \t document.getElementById('time').value=(results[j].duration.value/60).toFixed(1); 
 
\t \t 
 
\t \t var calc_fare=(results[j].distance.value/1609.34)*ratepermi; 
 
\t \t 
 
\t \t if (calc_fare<minimum_fare) 
 
\t \t { 
 
\t \t \t calc_fare=minimum_fare; 
 
\t \t } \t 
 
\t \t document.getElementById('fare').value=currencysymbol+calc_fare.toFixed(2); 
 
     } 
 
    } 
 
    } 
 
} 
 
google.maps.event.addDomListener(window, 'load', initialize); 
 
</script> 
 

 
<link href="../../../../css/style.css" rel="stylesheet" type="text/css"> 
 
<center> 
 
     <div id="formbox"> 
 
     <h1 class="fare_title">FARE ESTIMATE</h1> 
 
       <div class="div1"> 
 
       <span class="ride">Ride in Style</span><img class="check_icon" src="../../../../check2.png" alt="check1"><span class="ride">Safe and Reliable</span><img class="check_icon" src="../../../../check2.png" alt="check1"><span class="ride">Fully Licensed</span><img class="check_icon" src="../../../../check2.png" alt="check1"/> 
 
       </div> 
 
     <input id="inputfrom" type="text" placeholder="From" style="width:400px" class="inputform"> 
 
     <h3 style="margin-top: 10px; color: #3F3F3F; text-transform: uppercase;">to</h3> 
 
     <input id="inputto" type="text" placeholder="To" style="width:400px" class="inputto"> 
 
     <br/> 
 
     <input type="button" onclick="ftn_estimate();" value="Estimate Fare" class="fare_button"> 
 
     <br/><br/> 
 
     <table class="resultsbox"> 
 
      <tr><td class="time_style">Time (mins)</td><td><input id="time" readonly type="text" placeholder="--"></td></tr> 
 
      <tr><td class="distance_style">Distance (mi)</td><td><input id="distance" readonly type="text" placeholder="--"></td></tr> 
 
      <tr><td class="fare_style">Estimated Fare</td><td><input id="fare" readonly type="text" placeholder="--"></td></tr> 
 
     </table> 
 
     
 
     <span id="summary"></span> 
 
    </div> 
 
</center>

+0

あなただけのコードの関連部分を共有し、より明確にするためにあなたの質問を言い換えるならばそれは良いでしょう。私が正しく理解していれば、その値に10%の値を加えたいと思っています... 'variable + = 0.1 * variable' – Guillaume

+0

私は自分の質問を明確にしなかったのです。私はどこに追加しました。 var ratepermi = 2.50; var minimum_fare = 50 ;.合計金額2.50マイル/0.35 =合計の後に10%の料金を追加したいと思って、その10%を加算して見積もりの​​最終結果を出したいとします。私はあなたを混乱させていないことを願っています。 – Eden

答えて

0

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"></script> 
 
    <script> 
 
//--------------Settings-------------------------------- \t 
 
//ISO 3166-1 Alpha-2 country code, use http://en.wikipedia.org/wiki/ISO 3166-2_alpha-2#US 
 
var countrycode="US" 
 
//Rate per mil (2.00) 
 
var ratepermi=2.50; 
 
//Minimum fare (60) 
 
var minimum_fare=50; 
 
//Currrency Symbol 
 
var currencysymbol="$"; 
 
//Avoid motorways/highways? true/false 
 
var avoidHighways=false; 
 
//Avoid toll roads? true/false 
 
var avoidTolls=false; 
 
//Show summary? true/false 
 
var showsummary=false; 
 
//Disclaimer text 
 
var disclaimer="Please be aware this is only an estimated fare and the final price will be quoted on request" 
 

 
var rateperminute=0.35; 
 
var ratio=1.1; // Price will be 110% of the computed estimate 
 

 
//----------End Settings-------------------------------- \t 
 
\t 
 
function initialize() 
 
{ 
 
\t var options = {componentRestrictions: {country: countrycode}}; 
 
\t var input = /** @type {HTMLInputElement} */(document.getElementById('inputfrom')); 
 
\t var searchBoxfrom = new google.maps.places.Autocomplete(input,options); 
 
\t var input = /** @type {HTMLInputElement} */(document.getElementById('inputto')); 
 
\t var searchBoxto = new google.maps.places.Autocomplete(input,options); 
 
} 
 

 
function ftn_estimate() 
 
{ 
 
\t if (document.getElementById('inputfrom').value!="" && document.getElementById('inputto').value!="") 
 
\t { 
 
\t \t var origin = document.getElementById('inputfrom').value; 
 
\t \t var destination = document.getElementById('inputto').value; 
 
\t \t 
 
\t \t var service = new google.maps.DistanceMatrixService(); 
 
\t \t service.getDistanceMatrix(
 
\t \t { 
 
\t \t \t origins: [origin], 
 
\t \t \t destinations: [destination], 
 
\t \t \t travelMode: google.maps.TravelMode.DRIVING, 
 
\t \t \t unitSystem: google.maps.UnitSystem.IMPERIAL, 
 
\t \t \t avoidHighways: avoidHighways, 
 
\t \t \t avoidTolls: avoidTolls, 
 
\t \t }, callback); \t 
 
\t } 
 
} 
 

 
function callback(response, status) { 
 
    if (status != google.maps.DistanceMatrixStatus.OK) { 
 
    alert('Error was: ' + status); 
 
    } else { 
 
    var origins = response.originAddresses; 
 
    var destinations = response.destinationAddresses; 
 

 
    for (var i = 0; i < origins.length; i++) { 
 
     var results = response.rows[i].elements; 
 
\t 
 
     for (var j = 0; j < results.length; j++) { 
 

 
\t \t if(showsummary) 
 
\t \t { 
 
\t \t \t document.getElementById('summary').innerHTML=origins[i] + ' to ' + destinations[j] + ': ' + results[j].distance.text + ' in '+ results[j].duration.text; 
 
\t \t \t document.getElementById('summary').innerHTML+="<br /><font color='red'>" + disclaimer + "</font>" 
 
\t \t } 
 
\t \t document.getElementById('distance').value=(results[j].distance.value/1609.34).toFixed(1); 
 
\t \t document.getElementById('time').value=(results[j].duration.value/60).toFixed(1); 
 
\t \t 
 
\t \t var calc_fare_dist=(results[j].distance.value/1609.34)*ratepermi; 
 
\t \t var calc_fare_time=(results[j].duration.value/60)*rateperminute; 
 
\t \t // Provided you want to add 0.35 per minute to the "per mile price" 
 
\t \t var calc_fare = (calc_fare_dist + calc_fare_time)*ratio; 
 

 
\t \t 
 
\t \t if (calc_fare<minimum_fare) 
 
\t \t { 
 
\t \t \t calc_fare=minimum_fare; 
 
\t \t } \t 
 
\t \t document.getElementById('fare').value=currencysymbol+calc_fare.toFixed(2); 
 
     } 
 
    } 
 
    } 
 
} 
 
google.maps.event.addDomListener(window, 'load', initialize); 
 
</script> 
 

 
<link href="../../../../css/style.css" rel="stylesheet" type="text/css"> 
 
<center> 
 
     <div id="formbox"> 
 
     <h1 class="fare_title">FARE ESTIMATE</h1> 
 
       <div class="div1"> 
 
       <span class="ride">Ride in Style</span><img class="check_icon" src="../../../../check2.png" alt="check1"><span class="ride">Safe and Reliable</span><img class="check_icon" src="../../../../check2.png" alt="check1"><span class="ride">Fully Licensed</span><img class="check_icon" src="../../../../check2.png" alt="check1"/> 
 
       </div> 
 
     <input id="inputfrom" type="text" placeholder="From" style="width:400px" class="inputform"> 
 
     <h3 style="margin-top: 10px; color: #3F3F3F; text-transform: uppercase;">to</h3> 
 
     <input id="inputto" type="text" placeholder="To" style="width:400px" class="inputto"> 
 
     <br/> 
 
     <input type="button" onclick="ftn_estimate();" value="Estimate Fare" class="fare_button"> 
 
     <br/><br/> 
 
     <table class="resultsbox"> 
 
      <tr><td class="time_style">Time (mins)</td><td><input id="time" readonly type="text" placeholder="--"></td></tr> 
 
      <tr><td class="distance_style">Distance (mi)</td><td><input id="distance" readonly type="text" placeholder="--"></td></tr> 
 
      <tr><td class="fare_style">Estimated Fare</td><td><input id="fare" readonly type="text" placeholder="--"></td></tr> 
 
     </table> 
 
     
 
     <span id="summary"></span> 
 
    </div> 
 
</center>

+0

ありがとうございました。だから私はこの部分を理解したいので、私は頭の中でそれをロックすることができます。 var showsummary = falseの後になぜvar rateperminute = 0.35が追加されたのですか? //免責事項テキスト var disclaimer = "これは単なる見積もり料金であり、最終価格は要請に応じて引用されますのでご注意ください。"どのように動作しますvar ratio = 1.1; //あなたが説明していただきありがとうございましたら、計算された見積もりの​​110%です。 – Eden

+0

別のものTIME(MINS)は、AからBまでの合計時間を計算します。これは、これを時分に変更します。 – Eden

+0

rateperminuteを定義する場所は重要ではありません(使用する前に定義している限り)。 "ratio = 1.1"について、calc_fareに10%を追加する場合は、実際にはcalc_fareの100%を計算したい:calc_fareの110%が必要なので、calc_fareに110/100を掛けることができます= 1.1) – Faibbus

関連する問題