最近在做有關車輛定位及曆史軌迹的項目，需要顯示車輛當前位置信息、車輛曆史軌迹及行駛公裡數，需要這樣的效果。

軌迹回放使用的百度的路書功能，包含了開始、暫定、重置功能，但是後台返回的數據隻包含了坐标點，

行駛裡程數需要前台頁面計算。開始查資料，百度提供計算裡程的api，提供開始和結束的幾個坐标點，再選擇是騎車、步行、駕車、是否走高速之類的條件，百度自動計算行車裡程，但是這種誤差相對比較大，于是放棄。換了另一種方案，根據兩個坐标點計算段之間的距離，再累加，這種計算的是實際行駛的裡程，開始coding。

先找到計算兩個坐标點之間距離的方法

// 計算兩個坐标點距離 getFlatternDistance(lon1, lat1, lon2, lat2) { var DEF_PI = 3.14159265359; // PI var DEF_2PI = 6.28318530712; // 2*PI var DEF_PI180 = 0.01745329252; // PI/180.0 var DEF_R = 6370693.5; // radius of earth var ew1, ns1, ew2, ns2; var dx, dy, dew; var distance; // 角度轉換為弧度 ew1 = lon1 * DEF_PI180; ns1 = lat1 * DEF_PI180; ew2 = lon2 * DEF_PI180; ns2 = lat2 * DEF_PI180; // 經度差 dew = ew1 - ew2; // 若跨東經和西經180 度，進行調整 if (dew > DEF_PI) dew = DEF_2PI - dew; else if (dew < -DEF_PI) dew = DEF_2PI dew; dx = DEF_R * Math.cos(ns1) * dew; // 東西方向長度(在緯度圈上的投影長度) dy = DEF_R * (ns1 - ns2); // 南北方向長度(在經度圈上的投影長度) // 勾股定理求斜邊長 distance = Math.sqrt(dx * dx dy * dy).toFixed(0); return distance; }

獲取坐标集合，調用計算公式

// 計算裡程數 calculateMileage(history) { let mileage = 0; for (let i = 0; i < history.length - 1; i ) { mileage = parseInt( this.getFlatternDistance( history[i].longitude, history[i].latitude, history[i 1].longitude, history[i 1].latitude ) ); } this.mileage = mileage == 0 ? "--:--" : (mileage / 1000).toFixed(2) "公裡"; }

mileage就是最後的裡程數。看下計算時間

749個坐标點，用時1.39501953125ms，對頁面顯示影響不大。至此結束。