百度地图JavaScript API GL提供了驾车、公交、步行三种出行方式的路线规划功能。开发者在使用线路规划的接口时,可以使用我们提供的默认展示效果。也可以通过监听事件回调,使用检索数据完成自己的需求。
基础驾车路线规划服务示例:
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类提供公交线路规划服务。
使用服务示例:
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提供步行线路规划服务。基本用法和驾车线路规划类似。
使用服务示例:
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('西单', '慈云寺');
上一篇
下一篇
本篇文章对您是否有帮助?