美文网首页
百度地图的集成 ---在地图上绘制线

百度地图的集成 ---在地图上绘制线

作者: 这个姑凉儿 | 来源:发表于2018-04-02 15:37 被阅读0次

前言:在上一篇中介绍了百度地图sdk的加入,以及定位功能的实现,在本篇将要介绍如何在地图上绘制线,效果如图所示

直接上代码

//
//  PolylineController.m
//  地图
//
//  Created by apple on 2018/4/2.
//  Copyright © 2018年 zj. All rights reserved.
//

#import "PolylineController.h"

@interface PolylineController ()<BMKMapViewDelegate,BMKRouteSearchDelegate>
{
    BMKMapView* _mapView;
    BMKRouteSearch *_routeSearch;
}
@end

@implementation PolylineController
-(void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    _mapView.delegate = self;
}

-(void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    _mapView.delegate = nil; // 不用时,置nil
}
- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    self.title = @"绘制线";
    // 设置地图
    [self setupBMKLocation];
}

- (void)setupBMKLocation {
    _mapView = [[BMKMapView alloc]init];
    _mapView.frame = self.view.bounds;
    _mapView.delegate = self;
    [_mapView setZoomLevel:12.0];
    [self.view addSubview:_mapView];
 
    //==================拿到经纬度绘制线=================
    
    // 添加折线覆盖物
        CLLocationCoordinate2D coor[4] = {0};
        coor[0].latitude = 39.832136;
        coor[0].longitude = 116.34095;
    
        coor[1].latitude = 39.832136;
        coor[1].longitude = 116.42095;
    
        coor[2].latitude = 39.902136;
        coor[2].longitude = 116.42095;
    
        coor[3].latitude = 39.902136;
        coor[3].longitude = 116.44095;
    //绘制折线
        BMKPolyline* polyline = [BMKPolyline polylineWithCoordinates:coor count:4];
        [_mapView addOverlay:polyline];
    //插大头针
        BMKPointAnnotation *pointAnnotation = [[BMKPointAnnotation alloc] init];
        pointAnnotation.coordinate = coor[0];
        pointAnnotation.title = @"我的位置";// 要显示的标题;注意:如果不设置title,无法点击annotation,也无法使用回调函数
        [_mapView addAnnotation:pointAnnotation];
    
        BMKPointAnnotation *pointAnnotation1 = [[BMKPointAnnotation alloc] init];
        pointAnnotation1.coordinate = coor[3];
        pointAnnotation1.title = @"骑手位置";// 要显示的标题;注意:如果不设置title,无法点击annotation,也无法使用回调函数
        [_mapView addAnnotation:pointAnnotation1];
    
        BMKPointAnnotation *pointAnnotation2 = [[BMKPointAnnotation alloc] init];
        pointAnnotation2.coordinate = coor[2];
        pointAnnotation2.title = @"商家位置";// 要显示的标题;注意:如果不设置title,无法点击annotation,也无法使用回调函数
        [_mapView addAnnotation:pointAnnotation2];   
}

/**
 *根据overlay生成对应的View
 *@param mapView 地图View
 *@param overlay 指定的overlay
 *@return 生成的覆盖物View
 */
- (BMKOverlayView *)mapView:(BMKMapView *)mapView viewForOverlay:(id <BMKOverlay>)overlay{
    if ([overlay isKindOfClass:[BMKPolyline class]]){
        BMKPolylineView* polylineView = [[BMKPolylineView alloc] initWithOverlay:overlay];
        polylineView.strokeColor = [UIColor redColor];
        polylineView.lineWidth = 2.0;
        
        return polylineView;
    }
    return nil;
}

#pragma mark - BMKLocationServiceDelegate 实现相关delegate 处理位置信息更新

/**
 *在地图View将要启动定位时,会调用此函数
 *@param mapView 地图View
 */
- (void)willStartLocatingUser
{
    NSLog(@"start locate");
}

/**
 *用户方向更新后,会调用此函数
 *@param userLocation 新的用户位置
 */
- (void)didUpdateUserHeading:(BMKUserLocation *)userLocation
{
    NSLog(@"heading is %@",userLocation.heading);
}
/**
 *用户位置更新后,会调用此函数
 *@param userLocation 新的用户位置
 */
- (void)didUpdateBMKUserLocation:(BMKUserLocation *)userLocation
{
    
    NSLog(@"didUpdateUserLocation lat %f,long %f", userLocation.location.coordinate.latitude, userLocation.location.coordinate.longitude);
    BMKCoordinateRegion region;
    region.center.latitude = userLocation.location.coordinate.latitude;
    region.center.longitude = userLocation.location.coordinate.longitude;
    region.span.latitudeDelta = 0.2;
    region.span.longitudeDelta = 0.2;
    if (_mapView)
    {
        _mapView.region = region;
    }
    [_mapView setZoomLevel:19.0];
    //添加当前位置的标注
    CLLocationCoordinate2D coord;
    coord.latitude = userLocation.location.coordinate.latitude;
    coord.longitude = userLocation.location.coordinate.longitude;
    
    BMKPointAnnotation *_pointAnnotation = [[BMKPointAnnotation alloc] init];
    _pointAnnotation.coordinate = coord;
    _pointAnnotation.title = @"我的位置";// 要显示的标题;注意:如果不设置title,无法点击annotation,也无法使用回调函数
    dispatch_async(dispatch_get_main_queue(), ^{
        [_mapView removeOverlays:_mapView.overlays];
        [_mapView setCenterCoordinate:coord animated:true];
        [_mapView addAnnotation:_pointAnnotation];
        // [_mapView selectAnnotation:_pointAnnotation animated:NO]; 默认选中大头针
        
    });
    
}
//设置标注样式
-(BMKAnnotationView *)mapView:(BMKMapView *)mapView viewForAnnotation:(id<BMKAnnotation>)annotation{
    //大头针系统样式
        if ([annotation isKindOfClass:[BMKPointAnnotation class]]) {
            static NSString *pointReuseIndentifier = @"pointReuseIndentifier";
            BMKPinAnnotationView*annotationView = (BMKPinAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:pointReuseIndentifier];
            if (annotationView == nil) {
                annotationView = [[BMKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:pointReuseIndentifier];
            }
            annotationView.pinColor = BMKPinAnnotationColorPurple;
            annotationView.canShowCallout= YES;      //设置气泡可以弹出,默认为NO
            annotationView.animatesDrop=YES;         //设置标注动画显示,默认为NO
            annotationView.draggable = YES;          //设置标注可以拖动,默认为NO
            return annotationView;
        }
        return nil;
    
}
/**
 *在地图View停止定位后,会调用此函数
 *
 */
- (void)didStopLocatingUser
{
    NSLog(@"stop locate");
}

/**
 *定位失败后,会调用此函数
 *
 *@param error 错误号,参考CLError.h中定义的错误号
 */
- (void)didFailToLocateUserWithError:(NSError *)error
{
    NSLog(@"location error");
    //    NSString *city = [[NSUserDefaults standardUserDefaults] objectForKey:@"cityNmae"];
    //    [self.cityBtn setTitle:city forState:UIControlStateNormal];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end

到此就结束了在地图上绘制线,后续会更新关于地图的别的功能,尽请期待.....
demo地址
有没有帮到你呢?😁
(欢迎大家对不合适的地方进行指正,看完觉得有帮到你给点个赞👍吧)

相关文章

  • 百度地图的集成 ---在地图上绘制线

    上一篇:百度地图集成--定位 前言:在上一篇中介绍了百度地图sdk的加入,以及定位功能的实现,在本篇将要介绍如何在...

  • 百度地图的集成 ---路线规划之驾车

    上一篇:百度地图集成--绘制线 前言:上一篇介绍了如何绘制线,本篇介绍如何进行驾车路线规划 到此就结束了驾车路线规...

  • 12幅地图见证12种不一样的历史

    世界在变,地图也在变。从希腊时代到谷歌地图,改变不是地图,而是人类如何更精确地将空间绘制在地图上。 对于地图的描述...

  • Android简单内存缓存

    一. 问题 前段时间在公司项目中遇到一个问题,在集成百度地图时想要在地图上动态添加 ICON,这些 ICON 都...

  • iOS高德地图简单尝试

    公司要根据经纬度在地图上显示一些东西,本来都是百度地图做的,这次想试试集成下高德地图看看. 1.配置环境 (1)注...

  • IOS 跳转到高德百度地图

    公司产品需要用到地图功能,不过由于只是展示地图上的位置信息,所以没有集成地图,改为跳转到高德或者百度地图,如果都没...

  • iOS 百度地图AnnotationView优化

    如图产品需求:在百度地图上展示标注和轨迹。优化之前只能在百度地图上展示200个AnnotationView和500...

  • 好简单!在百度、360、搜狗地图上添加自己的公司

    好简单!在百度、360、搜狗地图上添加自己的公司 将自己的公司名显示在百度、360、搜狗等地图上,它的好处是不言而...

  • iOS 高德地图的使用

    iOS:高德地图的使用 本人花了点时间集成了高德地图的几乎所有的功能,包含:地图的显示、地图的绘制、地图的定位、地...

  • 百度地图海量点层级与多边形层级调整

    最近在做百度地图绘图功能的时候遇到一个问题,就是地图上的多边形是可以编辑的,但是在与绘制海量点结合使用的时候发现海...

网友评论

      本文标题:百度地图的集成 ---在地图上绘制线

      本文链接:https://www.haomeiwen.com/subject/rfxncftx.html