ios百度地图我走过的坑

2016-04-14 本文已影响2468人 mark666

前一段时间写了关于socket通讯的数据传输,主要还是为定位服务，使用的是百度地图，百度集成呢，建议大家使用Cocoapods，一次到位，不用自己去添加相关的类库，到时候只需要引入相应的头文件，然后就可以使用了。我写这篇文章主要和大家分享一下我在使用百度地图过程中遇到的问题，就不用去按网上一步步去写如何操作了，太浪费时间，而且这种文章网上一大堆，不会的伙伴可以去搜一下。
我主要通过两个问题来展开本篇文章

1.如何在地图上添加标注，俗称的大头针，并且显示自定的标注的内容并且显示自定义的大头针。
2.收集到的GPS的经纬度如何准确在地图上定位？因为百度地图采取的坐标系是自己定义的坐标系，我们必须转换为百度地图的经纬度然后来定位。

-- 对于第一个问题，当我们添加一个大头针以后发现地图上竟然没有，你会不会很郁闷，找了半天没错啊，看下面代码

   BMKPointAnnotation* annotation = [[BMKPointAnnotation alloc]init];
   annotation.title = title;
   annotation.coordinate = coor;
   [_mapView addAnnotation:annotation];

以上的代码就会添加大头针到地图，代码准确无误，我保证！找不到的小伙伴建议把地图缩到最小你就可以看到你添加的标注了，嘿嘿，有没有被骗的感觉~~，这下你就有疑惑了，我添加标注了，当前的地图应该跟着标准点走啊，那好我们升级一下代码，请看一下代码：

    BMKPointAnnotation* annotation = [[BMKPointAnnotation alloc]init];
    annotation.title = [self TextWith:message];
    
    annotation.coordinate = coor;
    [_mapView addAnnotation:annotation];
    
    BMKCoordinateRegion region ;//表示范围的结构体
    region.center = coor;//中心点
    region.span.latitudeDelta = 0.1;//经度范围（设置为0.1表示显示范围为0.2的纬度范围）
    region.span.longitudeDelta = 0.1;//纬度范围
   //这是一句关键的代码可以让你的地图跟着标注点走
    [_mapView setRegion:region animated:YES];
    //这句代码是添加第一个标注就显示标准的内容
    [_mapView selectAnnotation:annotation animated:YES];

如果你想要实现自定义的大头针，自定义的气泡框，实现这个代理方法即可

- (BMKAnnotationView *)mapView:(BMKMapView *)mapView viewForAnnotation:(id <BMKAnnotation>)annotation
{
    if ([annotation isKindOfClass:[BMKPointAnnotation class]])
    {
    //这里类似cell的复用
    BMKPinAnnotationView *newAnnotationView = [[BMKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"myAnnotation"];
    newAnnotationView.pinColor = BMKPinAnnotationColorPurple;
    newAnnotationView.animatesDrop = YES;// 设置该标注点动画显示
   //自定义大头针
    newAnnotationView.image = [UIImage imageNamed:@"gpsp1.png"];

        //自定义的气泡框
        UIImageView *imageView = [[UIImageView alloc] init];
        imageView.image = [UIImage imageNamed:@"infopic13.png"];
        
        
        UILabel *messageText = [[UILabel alloc]init];
        messageText.text = annotation.title;
        messageText.font = [UIFont systemFontOfSize:16];
        //messageText.text 是需要计算的文字
        CGFloat height = [messageText.text boundingRectWithSize:CGSizeMake(260, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : [UIFont systemFontOfSize:16]} context:nil].size.height;
        messageText.frame = CGRectMake(2, 2, 260, height);
//我在这里动态的计算了气泡框的尺寸，可以根据不同的文字显示不同的大小
        imageView.frame = CGRectMake(0, 0, imageView.image.size.width+5, height+30);
        messageText.numberOfLines = 0;
        messageText.textAlignment = NSTextAlignmentLeft;
        [imageView addSubview:messageText];
        
        
        BMKActionPaopaoView *pView = [[BMKActionPaopaoView alloc] initWithCustomView:imageView];
        ((BMKPinAnnotationView *)newAnnotationView).paopaoView = pView;

    return newAnnotationView;
    }
    return nil;
}

-- 第二个问题，如果不实际去看你可能就忽略了这个问题，GPS收集的经纬度，竟然在地图上显示的位置不对，那就要怪你太心急了，百度地图的文档你没看完整
http://lbsyun.baidu.com/index.php?title=iossdk/guide/tool
就在这里，你会看到坐标转换

CLLocationCoordinate2D coor = CLLocationCoordinate2DMake(39.90868, 116.3956);//原始坐标
//转换 google地图、soso地图、aliyun地图、mapabc地图和amap地图所用坐标至百度坐标
NSDictionary* testdic = BMKConvertBaiduCoorFrom(coor,BMK_COORDTYPE_COMMON);
//转换GPS坐标至百度坐标(加密后的坐标)
testdic = BMKConvertBaiduCoorFrom(coor,BMK_COORDTYPE_GPS);
NSLog(@"x=%@,y=%@",[testdic objectForKey:@"x"],[testdic objectForKey:@"y"]);
//解密加密后的坐标字典
CLLocationCoordinate2D baiduCoor = BMKCoorDictionaryDecode(testdic);//转换后的百度坐标

当你把这段放上去，你会发现一个问BMKConvertBaiduCoorFrom这个方法找不到，这个坑啊，肯定你没添加头文件，找啊找啊找，找到了你应该添加
#import<BaiduMapAPI_Utils/BMKUtilsComponent.h>
这个头文件，运行一下，OK！

效果图

ios百度地图我走过的坑

猜你喜欢

热点阅读