事先要說的幾件事:
1.首先，因為是網頁的功能，所以需要使用map模塊的API。可以選擇百度地圖或者騰訊地圖。
2.由於需要位置信息，地圖需要支持點到點的路線繪制功能。
3、關鍵點:需要壹輛車，而且這輛車可以根據不同的方向改變車頭的方向。
因為百度地圖API的前兩個功能可以滿足，但是第三點騰訊地圖LBS已經更新了新版本的界面，圖標可以根據方向自動改變方位。所以選擇騰訊地址降低開放度，另外就是直接API支持，減少了很多bug。
1.在騰訊位置服務中註冊成為開發者:
2.在控制臺中配置密鑰。
配置完成後，通過開發文檔-web前端-JavaScript-API即可獲得騰訊位置服務的LBS組件。
步驟1:繪制頁面並初始化地圖:
將密鑰中的XXXXXXXXXXX替換為我們剛剛在騰訊地圖的LBS後臺中獲得的密鑰。
效果如圖所示:
第二步:畫出路線，根據路線模擬操作。
這裏需要註意的是，如果路線復雜，盡可能使用分鐘級甚至秒級坐標，這樣繪制的軌跡會更精確。記錄坐標時需要在後臺計算速度的顯示並實時反饋。
此外，有必要配合後臺:
1，以秒/分記錄汽車的軌跡坐標，並記錄軌跡記錄的時間。
2、把坐標畫成軌跡，而不是只設置起點和終點。
3.用地圖計算軌道之間的距離，然後除以時間計算速度。前端地圖實時更新marker.moveAlong中的汽車速度。從而達到軌跡回放與實際車輛行駛速度壹致的目的。
總結:
使用騰訊的位置服務API是最簡單的實現，可以使用軌跡+標記圖標跟隨軌跡移動+標記圖標自適應轉向。