浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。
出行路线规划
更新时间:2021年7月23日 
简介
百度地图JavaScript API GL提供了驾车、公交、步行三种出行方式的路线规划功能。开发者在使用线路规划的接口时,可以使用我们提供的默认展示效果。也可以通过监听事件回调,使用检索数据完成自己的需求。
驾车路线规划
1基础驾车路线规划服务示例:
代码如下:
var map = new BMapGL.Map("container");
            map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11);

            var p1 = new BMapGL.Point(116.301934,39.977552);
            var p2 = new BMapGL.Point(116.508328,39.919141);

            var driving = new BMapGL.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
            driving.search(p1, p2);
公交路线规划
BMapGL.TransitRoute类提供公交线路规划服务。
1使用服务示例
代码如下:
var map = new BMapGL.Map('container');
                map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 12);
                var output = '从上地到西单坐公交需要:';
                var transit = new BMapGL.TransitRoute(map,{
                    renderOptions: {map: map},
                    onSearchComplete: function(results){
                        if (transit.getStatus() != BMAP_STATUS_SUCCESS){
                            return ;
                        }
                        var plan = results.getPlan(0);
                        output += '总时长:' + plan.getDuration(true);  //获取时间
                        output += '总路程:' + plan.getDistance(true);  //获取距离
                        $('#result').css('display','block');
                        $('#result').html(output);
                    },
                });
                var start=new BMapGL.Point(116.404844,39.911836);
                var end=new BMapGL.Point(116.308102,40.056057);
                transit.search(start, end);
步行路线规划
BMapGL.WalkingRoute提供步行线路规划服务。基本用法和驾车线路规划类似。
1使用服务示例
代码如下:
            var map = new BMapGL.Map("allmap");
            map.enableScrollWheelZoom();
            map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11);
            var walking = new BMapGL.WalkingRoute(map, {renderOptions:{map: map, autoViewport: true}});
            walking.search('西单', '慈云寺');



  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消