Ajax（Asynchronous JavaScript and XML）是一種用于創建快速動態網頁的技術。借助Ajax，我們可以利用JavaScript在不刷新整個頁面的情況下與服務器進行通信，并實時更新頁面上的內容。百度地圖是一個廣泛使用的在線地圖服務，提供了豐富的地圖和功能。結合Ajax和百度地圖，我們可以實現畫出運行軌跡的功能。通過這個功能，我們可以在地圖上顯示某個運動物體的實時運動路線，提供更加有趣和實用的應用。

下面，我們來看一個簡單的示例。假設我們有一個小車在某個城市進行運動。我們需要實時顯示該小車在百度地圖上的行駛軌跡。首先，我們需要準備一些數據，例如車輛GPS定位的經緯度坐標。然后，我們使用Ajax技術，通過定時請求服務器獲取最新的經緯度坐標，并在接收到響應后使用百度地圖API進行繪制。

// 準備地圖實例
var map = new BMap.Map("mapContainer");
// 初始化地圖，設置中心點和縮放級別
map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);
// 獲取小車的實時位置
function getCarPosition() {
// 發送Ajax請求，獲取最新的經緯度坐標
$.ajax({
url: "getCarPosition.php",
type: "GET",
dataType: "json",
success: function(data) {
// 繪制小車的運行軌跡
drawCarPath(data);
},
error: function() {
console.log("獲取最新位置失敗");
}
});
}
// 繪制小車的運行軌跡
function drawCarPath(data) {
// 清除之前的軌跡
map.clearOverlays();
// 獲取坐標數組
var points = [];
for (var i = 0; i < data.length; i++) {
points.push(new BMap.Point(data[i].lng, data[i].lat));
}
// 創建折線覆蓋物
var polyline = new BMap.Polyline(points, {strokeColor: "#f00"});
// 添加折線到地圖上
map.addOverlay(polyline);
}
// 每5秒更新一次小車位置
setInterval(getCarPosition, 5000);

在以上代碼中，我們首先準備了一個地圖實例，并初始化了地圖的中心點和縮放級別。然后，我們定義了一個函數getCarPosition，用于發送Ajax請求，獲取最新的經緯度坐標。在成功接收到響應后，我們調用drawCarPath函數，繪制小車的運行軌跡。

在drawCarPath函數中，我們首先清除之前的軌跡，然后使用獲取到的經緯度坐標數組創建一個折線覆蓋物，并設置折線顏色為紅色。最后，我們將折線添加到地圖上。

為了能夠實時顯示小車的運行軌跡，我們使用setInterval函數每隔5秒鐘調用一次getCarPosition函數。這樣，我們就可以每隔一段時間更新一次小車的位置，并在地圖上繪制出實時的運行軌跡。

除了上述示例中使用的定時更新位置的方法，我們還可以通過監聽小車位置變化的方式進行實時更新。例如，當小車的位置發生改變時，我們可以使用WebSocket來實時推送位置變化信息，然后使用Ajax請求最新的位置信息并繪制軌跡。

綜上所述，通過結合Ajax和百度地圖的技術，我們可以很方便地實現畫出運行軌跡的功能。無論是展示運動物體的實時位置，還是跟蹤運行的軌跡，使用Ajax與百度地圖相結合可以幫助我們實現更加動態和交互的地圖應用。