百度地图算路回调-轨迹绘制

先吐槽下百度地图的官方文档，真的是要有多简单就有多简单。里面的坑有点多，很多想要的东西文档中都没有。这篇说一下将路线检索的轨迹结果，绘制到地图上。

应用场景：当应用中需要使用到公交、步行导航，但不使用导航sdk时，可使用这种方式进行导航。美团中的商家导航就是使用这种方式。下面实现这种效果。

4459124-ab44e9345dd6a7cb.png

开始使用

1、按照文档中导入地图sdk，实现基础地图。

2、设置终起点，初始化检索。

终起点支持地名和经纬度

- (void)_mapPoi {
    //初始化检索对象
    _routeSearch = [[BMKRouteSearch alloc] init];
    //设置delegate，用于接收检索结果
    _routeSearch.delegate = self;
    //构造公共交通路线规划检索信息类
    BMKPlanNode* start = [[BMKPlanNode alloc]init];
    start.pt = _startNode;
    BMKPlanNode* end = [[BMKPlanNode alloc]init];
    end.pt = _endNode;
    BMKWalkingRoutePlanOption *option = [[BMKWalkingRoutePlanOption alloc]init];
    option.from = start;
    option.to = end;
    
    //发起检索
    BOOL flag = [_routeSearch walkingSearch:option];
    
    if(flag) {
        NSLog(@"步行检索（支持垮城）发送成功");
    } else {
        [self hideHud];
        NSLog(@"步行检索（支持垮城）发送失败");
    }
    
}

3、实现检索协议，实现回调

- (void)onGetWalkingRouteResult:(BMKRouteSearch*)searcher result:(BMKWalkingRouteResult*)result errorCode:(BMKSearchErrorCode)error {
    NSLog(@"onGetMassTransitRouteResult error:%d", (int)error);
    if (error == BMK_SEARCH_NO_ERROR) {
        
        BMKWalkingRouteLine *plan = result.routes.firstObject;
        
        // ======================
        // 计算路线方案中的路段数目
        int size = (int)[plan.steps count];
        int planPointCounts = 0;
        for (int i = 0; i < size; i++) {
            //表示驾车路线中的一个路段
            BMKDrivingStep* transitStep = [plan.steps objectAtIndex:i];
            
            if(i==0){
                RouteAnnotation* item = [[RouteAnnotation alloc]init];
                item.coordinate = plan.starting.location;
                item.title = @"起点";
                item.type = 0;
                [_mapView addAnnotation:item]; // 添加起点标注
                
            }else if(i==size-1){
                RouteAnnotation* item = [[RouteAnnotation alloc]init];
                item.coordinate = plan.terminal.location;
                item.title = @"终点";
                item.type = 1;
                [_mapView addAnnotation:item]; // 添加终点标注
            }
            //添加annotation节点
            RouteAnnotation* item = [[RouteAnnotation alloc]init];
            item.coordinate = transitStep.entrace.location;
            item.title = transitStep.entraceInstruction;
            item.degree = transitStep.direction * 30;
            item.type = 4;
            [_mapView addAnnotation:item];
            
            //轨迹点总数累计
            planPointCounts += transitStep.pointsCount;
        }
        /*
        // 添加途经点
        if (plan.steps) {
            
            for (BMKWalkingStep* walkingStep in plan.steps) {
                RouteAnnotation* item = [[RouteAnnotation alloc]init];
                item.coordinate = walkingStep.entrace.location;
                item.type = 5;
                item.title = walkingStep.entraceInstruction;
                [_mapView addAnnotation:item];
            }
        }
         */
        
        //轨迹点
        BMKMapPoint* temppoints = (BMKMapPoint *)malloc(sizeof(CLLocationCoordinate2D) * planPointCounts);
        int i = 0;
        for (int j = 0; j < size; j++) {
            BMKWalkingStep* transitStep = [plan.steps objectAtIndex:j];
            int k=0;
            for(k=0;k<transitStep.pointsCount;k++) {
                temppoints[i].x = transitStep.points[k].x;
                temppoints[i].y = transitStep.points[k].y;
                i++;
            }
            
        }
        // 通过points构建BMKPolyline
        BMKPolyline* polyLine = [BMKPolyline polylineWithPoints:temppoints count:planPointCounts];
        [_mapView addOverlay:polyLine]; // 添加路线overlay
        free(temppoints);
        
        
    } else {
        //检索失败
        NSLog(@"%d", error);
    }
    
}

其中temppoints轨迹点绘制的是实现回调轨迹绘制的主要代码，文档中是没有这段代码的！按照文档中的绘制，画出来的线是一条一条的直线，并且没有绑路。

4、实现绘制协议方法

- (BMKOverlayView *)mapView:(BMKMapView *)mapView viewForOverlay:(id <BMKOverlay>)overlay{
    [self hideHud];
    
    if ([overlay isKindOfClass:[BMKPolyline class]]){
        BMKPolylineView* polylineView = [[BMKPolylineView alloc] initWithOverlay:overlay];
        polylineView.strokeColor = MainColor;
        polylineView.lineWidth = 7.0;
        
        return polylineView;
    }
    return nil;
}

4459124-cf8badb69dd0bb6d.jpg

这样就绘制完成了。