百度地图路书

来源:互联网 发布:淘宝查销售额 编辑:程序博客网 时间:2024/06/03 18:12
//o是我所有点的一个集合 var map = new BMap.Map('allmap');                        map.enableScrollWheelZoom();                        var point = new BMap.Point(o[0].LNG, o[0].LAT);                        map.centerAndZoom(point, 13);                        var array = [];//所有点位置                        for (var i = 0; i < o.length; i++) {                            array.push(new BMap.Point(o[i].LNG, o[i].LAT));                        }                        var lushu;                        // 实例化一个驾车导航用来生成路线                        var drv = new BMap.DrivingRoute(point, {                            onSearchComplete: function (res) {                                if (drv.getStatus() == BMAP_STATUS_SUCCESS) {                                    var plan = res.getPlan(0);                                    map.addOverlay(new BMap.Polyline(array, { strokeColor: '#111' }));                                    map.setViewport(array);                                    lushu = new BMapLib.LuShu(map, array, {                                        defaultContent: "",                                        autoView: true,//是否开启自动视野调整,如果开启那么路书在运动过程中会根据视野自动调整                                        icon: new BMap.Icon('/Content/Map/imgs/ship.png', new BMap.Size(48, 48), { anchor: new BMap.Size(27, 13) }),                                        speed: 5000,//覆盖物移动速度                                        enableRotation: false,//是否设置marker随着道路的走向进行旋转                                        landmarkPois: [                 { lng: 0, lat: 0, html: '', pauseTime: 2 },//必须写入该参数,否则js会报错,第二次不能执行                                        ]                                    });                                }                            }                        });                        var endPoint = new BMap.Point(o[o.length - 1].LNG, o[o.length - 1].LAT);                        drv.search(point, endPoint);//开始点,结束点                        //开始运动事件                        $("#run").click(function () {                            lushu.start();                        });

详情查看:http://lbsyun.baidu.com/jsdemo.htm#c2_8
http://api.map.baidu.com/library/LuShu/1.2/docs/symbols/BMapLib.LuShu.html

原创粉丝点击