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

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

 <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 >
上一篇:地图控件 标尺 缩放级别 监听缩放级别


下一篇:前后端分离之前端