百度地图在3.0的Javascript api中增加了四种路径规划,分别是:步行、骑行、自驾、公交。
关于路线规划的引用也相当简单,我们以步行为例:
//实例化地图 var map = new BMap.Map("container"); //定位地图中心点及缩放级别 map.centerAndZoom(new BMap.Point(116.404, 39.915), 14); //定义步行路线规划实例 var walking = new BMap.WalkingRoute(map, { renderOptions: { map: map, autoViewport: true } }); //定义步行路线规划起始点和结束点 var start = new BMap.Point(116.310791, 40.003419); var end = new BMap.Point(116.326419, 40.003519); //执行路线规划。 walking.search(start, end);
是不是相当简单呢?
另外三种的调用方式也差不多,如下:
//骑行 var riding = new BMap.RidingRoute(map, { renderOptions: { map: map, autoViewport: true } }); //驾车 var driving = new BMap.DrivingRoute(map, { renderOptions: { map: map, autoViewport: true } }); //公交 var transit = new BMap.TransitRoute(map, { renderOptions: { map: map, autoViewport: true }, // 配置跨城公交的换成策略为优先出发早 intercityPolicy: BMAP_INTERCITY_POLICY_EARLY_START, // 配置跨城公交的交通方式策略为飞机优先 transitTypePolicy: BMAP_TRANSIT_TYPE_POLICY_AIRPLANE });
网站无须三方授权 · 安全稳定、维护方便