自定义地图添加覆盖物 - 划线(Obj-C)

添加地图覆盖物后还需要通过代理方法来设置覆盖物样式,否则是看不到效果的

简单的UI搭建:

UI.png

演示代码:

#import "ViewController.h"
#import 

@interface ViewController () 
// 目标地址
@property (weak, nonatomic) IBOutlet UITextField *destination_TF;
// 地图
@property (weak, nonatomic) IBOutlet MKMapView *mapView;
// 位置管理者
@property (strong,nonatomic) CLLocationManager *manager;
@end

@implementation ViewController

// 开始导航按钮点击事件
- (IBAction)navigationBtnClick:(id)sender {
    
    // 创建导航对象请求,设置起始点
    MKDirectionsRequest *request = [[MKDirectionsRequest alloc]init];
    request.source = [MKMapItem mapItemForCurrentLocation];

    CLGeocoder *geocoder = [[CLGeocoder alloc]init];
    [geocoder geocodeAddressString:self.destination_TF.text completionHandler:^(NSArray * _Nullable placemarks, NSError * _Nullable error) {
       
        
        if (placemarks.count == 0 || error) {
            
            return ;
        }
        CLPlacemark *clPlacemark = placemarks.lastObject;
        MKPlacemark *mkPlacemark = [[MKPlacemark alloc]initWithPlacemark:clPlacemark];
        request.destination = [[MKMapItem alloc]initWithPlacemark:mkPlacemark];
        
        // 创建导航对象
        MKDirections *directions = [[MKDirections alloc]initWithRequest:request];
        
        // 计算坐标
        [directions calculateDirectionsWithCompletionHandler:^(MKDirectionsResponse * _Nullable response, NSError * _Nullable error) {
            
            if (error) {
                return ;
            }
            
            // 遍历路线
            for (MKRoute *route in response.routes) {
                
                // 添加覆盖物(折线)
                [self.mapView addOverlay:route.polyline];
                
            }
            
        }];
        
    }];
}

/**
 *  当设置覆盖物的样式时调用
 *
 *  @param mapView 地图视图
 *  @param overlay 覆盖物
 *
 *  @return 覆盖物样式
 */
- (MKOverlayRenderer *)mapView:(MKMapView *)mapView rendererForOverlay:(id)overlay{
    
    // 创建折线样式(子类)
    /*
        实际这里传递的overlay就是polyline  -->  [self.mapView addOverlay:route.polyline];
     */
    MKPolylineRenderer *render = [[MKPolylineRenderer alloc]initWithOverlay:overlay];
    
    // 设置样式
    render.lineWidth = 2;
    render.strokeColor = [UIColor purpleColor];
    
    return render;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 授权
    self.manager = [[CLLocationManager alloc]init];
    if ([self.manager respondsToSelector:@selector(requestWhenInUseAuthorization)]) {
        [self.manager requestWhenInUseAuthorization];
    }
    
    // 设置代理(设置覆盖物的展示样式)
    self.mapView.delegate = self;
    
}

效果:

res.png