依赖类
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