百度地图，设置起点终点，绘制路线，获取总路程和总时长，清除绘制路线

最新推荐文章于 2023-03-23 01:58:22 发布

qq_41737172

最新推荐文章于 2023-03-23 01:58:22 发布

阅读量2.1k

点赞数 1

文章标签： javascript jquery

本文链接：https://blog.csdn.net/qq_41737172/article/details/112603945

版权

在这里插入图片描述

 <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=```"></script>
<body>
    <div id="map" style="width:1600px;height:900px"></div>
    <input type="button" onclick="webgl_baidu_poiData();" value="wxView" />
</body>

 <script >
         function webgl_baidu_poiData() {
    var map = new BMapGL.Map('map');
            map.clearOverlays();        // 是清除所有点覆盖物,路线
            
             var start = new BMapGL.Point(start_long , start_lat );    //设置起点
             var end = new BMapGL.Point(end_long, end_lat);			//设置终点
            //WalkingRoute ,绘制 步行路线
            var transit = new BMapGL.WalkingRoute(map, {
                renderOptions: { map: map },
                onSearchComplete: function (results) {
                    if (transit.getStatus() != BMAP_STATUS_SUCCESS) {
                        return;
                    }
                    var plan = results.getPlan(0);
                    $('#poi_duration').html(plan.getDuration(true));		//获取总时长
                    $('#poi_distance').html(plan.getDistance(true));		//获取总路程
                },
            });
            transit.search(start, end);           // 绘制路线
  }
 </script >

qq_41737172

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
百度地图，设置起点终点，绘制路线，获取总路程和总时长，清除绘制路线

<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=```"></script><body> <div id="map" style="width:1600px;height:900px"></div></body> <script > var map ..
复制链接

扫一扫