依赖类

http://api.map.baidu.com/api?v=2.0&ak=xxxx
LuShu.min.js

简单封装

/** * 封装路书类 * markers: BMap.Marker集合 地图上的标注 * arrayPoints:用于创建路书行驶的路线点集 * landmarkPoints: 路书行驶的landmark点集 **/
function startLuShu(markers,arrayPoints,landmarkPoints){
    //清除以前存在的路书和层
    if(lushu)
        lushu.stop();   //全局变量路书,如果存在则停止
    map.clearOverlays();
    $.each(markers,function(index,marker){
        map.addOverlay(marker);
    });
    //启动路书
    map.addOverlay(new BMap.Polyline(arrayPoints, {strokeColor: '#111'}));
    //map.setViewport(arrayPoints);
    console.log(landmarkPoints);
    lushu = new BMapLib.LuShu(map,arrayPoints,{
            defaultContent:"",
            autoView:true,
            icon  : new BMap.Icon('http://developer.baidu.com/map/jsdemo/img/car.png', new BMap.Size(52,26),{anchor : new BMap.Size(27, 13)}),
            speed: 3500,
            enableRotation:true,//是否设置marker随着道路的走向进行旋转
            landmarkPois:landmarkPoints
        }); 
    lushu.start(); 
    setTimeout(function(){
        lushu.showInfoWindow();
    },1000);
    console.log(lushu);
}

效果展示

这里写图片描述

转载于:https://my.oschina.net/u/3702584/blog/1547203