搜索历史

清除历史

热门搜索

网络工作室网站建设seo优化小程序

资讯动态

资讯动态

News Center

浅谈百度地图WEB开发中的四种路线规划

工作室动态 2020/7/15 10:52:00    98web    阅读 1471

百度地图在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

});



TAG标签:百度地图WEB开发百度地图路线规划百度地图路径规划
链接地址:/html/news/gzs/33.html
郑重声明:以上内容来源自玖捌网络工作室,转载请注明出处!

兼顾高品质与个性化的界面设计

网站无须三方授权 · 安全稳定、维护方便

玖捌网络工作室
18972931619
扫码获取最新报价
0.059634