[BMapLib] LuShu->JavaScript 简单封装

来源:互联网 发布:淘宝售馨图片 编辑:程序博客网 时间:2024/05/18 00:43

依赖类

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);}

效果展示

这里写图片描述

1 0
原创粉丝点击