百度地图路书

//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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值