百度地图实现Marker沿路线运动

百度地图实现Marker沿路线运动的方法如下：

1.首先需要引入百度地图API的JavaScript文件，然后创建一个地图实例。

2.在地图上添加一个Marker，并设置Marker的图标和位置。

3.使用百度地图的API中的Polyline对象创建一条折线，并设置折线的路径。

4.使用百度地图的API中的DrivingRoute对象创建一个驾车路线实例，并设置起点和终点。

5.使用驾车路线实例的search()方法搜索驾车路线。

6.在驾车路线搜索完成后，使用驾车路线实例的getResults()方法获取驾车路线结果。

7.将驾车路线结果中的所有路段的路径合并成一个数组，并使用百度地图的API中的Polyline对象创建一条新的折线。

8.使用百度地图的API中的MarkerAnimation类创建一个Marker动画实例，并设置Marker动画的路径和速度。

9.启动Marker动画实例的start()方法，开始Marker沿路线运动。

下面是一个示例代码：

// 引入百度地图API
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

// 创建地图实例
var map = new BMap.Map("container");

// 创建Marker实例
var marker = new BMap.Marker(new BMap.Point(116.404, 39.915));

// 设置Marker图标
var icon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {
    offset: new BMap.Size(10, 25),
    imageOffset: new BMap.Size(0, 0 - 10 * 25)
});
marker.setIcon(icon);

// 添加Marker到地图上
map.addOverlay(marker);

// 创建折线实例
var polyline = new BMap.Polyline([
    new BMap.Point(116.404, 39.915),
    new BMap.Point(116.414, 39.915),
    new BMap.Point(116.424, 39.915)
], {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5});

// 添加折线到地图上
map.addOverlay(polyline);

// 创建驾车路线实例
var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});

// 设置起点和终点
var start = new BMap.Point(116.404, 39.915);
var end = new BMap.Point(116.424, 39.915);
driving.search(start, end);

// 监听驾车路线搜索完成事件
driving.setSearchCompleteCallback(function(results){
    // 获取驾车路线结果
    var plan = results.getPlan(0);
    var route = plan.getRoute(0);

    // 合并所有路段的路径
    var path = [];
    for (var i = 0; i < route.getNumSteps(); i++) {
        var step = route.getStep(i);
        var points = step.getPath();
        for (var j = 0; j < points.length; j++) {
            path.push(points[j]);
        }
    }

    // 创建新的折线实例
    var newPolyline = new BMap.Polyline(path, {strokeColor:"red", strokeWeight:6, strokeOpacity:0.5});

    // 添加新的折线到地图上
    map.addOverlay(newPolyline);

    // 创建Marker动画实例
    var markerAnimation = new BMap.MarkerAnimation(marker, newPolyline.getPath(), 100);

    // 启动Marker动画
    markerAnimation.start();
});