百度地图路书

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章