iOS 自定义百度地图图标

提示:文章只是用来记录本人自己在学习过程中所遇到的一些问题的解决方案,如果有什么意见可以留言提出来,不喜勿喷哦!

时间有脚

百度地图的简单使用

提示:我这里有使用到 storyboard

  • 首先你需要导入百度地图的相关包,这些都可以在百度地图官方API里下载,然后就是在要展示百度地图的类里引入你需要的头文件,继承其相关 delegate 。
  • 初始化百度地图和定位
_mapView = [[BMKMapView alloc]initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.view.bounds), CGRectGetHeight(self.view.bounds))];
_mapView.delegate = self;
[self.showMapView addSubview:_mapView];

_locService = [[BMKLocationService alloc]init];
_locService.delegate = self;
[_locService startUserLocationService];
  • 进行相关设置(这里的这个 "icon_nav_start" 就是自己定义的当前位置大头针图片
-(void)viewWillAppear:(BOOL)animated {
    [_mapView viewWillAppear];
    _mapView.delegate = self; // 此处记得不用的时候需要置nil,否则影响内存的释放
    _locService.delegate = self;
}

- (void)viewDidAppear:(BOOL)animated{
    BMKLocationViewDisplayParam *displayParam = [[BMKLocationViewDisplayParam alloc]init];
    displayParam.isRotateAngleValid = true;//跟随态旋转角度是否生效
    displayParam.isAccuracyCircleShow = false;//精度圈是否显示
    displayParam.locationViewImgName= @"icon_nav_start";//定位图标名称
    [_mapView updateLocationViewWithParam:displayParam];
}

-(void)viewWillDisappear:(BOOL)animated {
    [_mapView viewWillDisappear];
    _mapView.delegate = nil; // 不用时,置nil
    _locService.delegate = nil;
}
  • 定位回调
#pragma mark - 定位回调
//实现相关delegate 处理位置信息更新
//处理方向变更信息
- (void)didUpdateUserHeading:(BMKUserLocation *)userLocation
{
    //[_mapView updateLocationData:userLocation];
}
//处理位置坐标更新
- (void)didUpdateBMKUserLocation:(BMKUserLocation *)userLocation
{
    if(_coordinate.latitude==0){
        NSLog(@"didUpdateUserLocation lat %f,long %f",userLocation.location.coordinate.latitude,userLocation.location.coordinate.longitude);
        
        _coordinate.latitude = userLocation.location.coordinate.latitude;
        _coordinate.longitude = userLocation.location.coordinate.longitude;
        
        _mapView.showsUserLocation = YES;//显示定位图层
        [_mapView updateLocationData:userLocation];
        
        _mapView.centerCoordinate = _coordinate;


        
        //发起反向地理编码检索
        CLLocationCoordinate2D pt = _coordinate;
        BMKReverseGeoCodeOption *reverseGeoCodeSearchOption = [[
        BMKReverseGeoCodeOption alloc]init];
        reverseGeoCodeSearchOption.reverseGeoPoint = pt;
        BOOL flag = [_searcher reverseGeoCode:reverseGeoCodeSearchOption];
        if(flag)
        {
          NSLog(@"反geo检索发送成功");
        [_locService stopUserLocationService];
        }
        else
        {
          NSLog(@"反geo检索发送失败");    
        }
    }
}

#pragma mark - 反向地理编码检索回调
-(void) onGetReverseGeoCodeResult:(BMKGeoCodeSearch *)searcher result:(BMKReverseGeoCodeResult *)result errorCode:(BMKSearchErrorCode)error{
  if (error == BMK_SEARCH_NO_ERROR) {
     NSString *cityName = result.addressDetail.city;
    cityName=[cityName stringByReplacingOccurrencesOfString:@"市" withString:@""];
     NSString *inputParam = [StringToJsonUtility initAddressParamData:cityName Status:@""];
//     [_soap clearValues];
//     [_soap setValue:inputParam forKey:@"addressParam"];
//     [_soap requestURL:WebService_asmx soapAction:WebService_AddressService];
//     _soapAgent = @"AddressService";
//       NSString * headstr = [StringToJsonUtility initHeadParamData:_loginUser password:_password];
//      [_soapClient getDataAPIResultWithURL:WebService_asmx
//                              headerParams:headstr
//                                    params:inputParam
//                               htttpMethod:@"POST"
//                            withSOAPAction:WebService_AddressService
//                            withMethodName:@"AddressService"
//                              withParamKey:@"addressParam"
//                           withResultBlock:^(id result, BOOL isDictionary,id message) {
 //                              //[weakSelf ];
                               
 //                          }];
      
  }
  else {
      NSLog(@"抱歉,未找到结果");
  }
}

这里对于这个反向地址编码回调里面的内容我有必要说明一下:由于项目需要根据当前位置去请求周围的其他大头针位置,所以这里其实是一个请求,用来去获取其他大头针位置,你可以选择忽略!

  • 大头针以及气泡自定义
#pragma mark - 显示大头针
/**
 *根据anntation生成对应的View
 *@param mapView 地图View
 *@param annotation 指定的标注
 *@return 生成的标注View
 */
- (BMKAnnotationView *)mapView:(BMKMapView *)view viewForAnnotation:(id <BMKAnnotation>)annotation
{
    if([annotation isKindOfClass:[BMKPinAnnotationView class]]){
        BMKAnnotationView* annotationView = [view dequeueReusableAnnotationViewWithIdentifier:@"xidanMark"];
        NSLog(@"用户位置图标!");
        return annotationView;
    }else{
        // 生成重用标示identifier
        NSString *AnnotationViewID = @"xidanMark";
        // 检查是否有重用的缓存
        BMKAnnotationView* annotationView = [view dequeueReusableAnnotationViewWithIdentifier:AnnotationViewID];
        // 缓存没有命中,自己构造一个,一般首次添加annotation代码会运行到此处
        if (annotationView == nil) {
            annotationView = [[BMKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:AnnotationViewID];
            ((BMKPinAnnotationView*)annotationView).pinColor = BMKPinAnnotationColorRed;
            // 设置重天上掉下的效果(annotation)
            ((BMKPinAnnotationView*)annotationView).animatesDrop = YES;
        }
        // 设置位置
        annotationView.centerOffset = CGPointMake(0, -(annotationView.frame.size.height * 0.5));
        annotationView.annotation = annotation;
        // 单击弹出泡泡,弹出泡泡前提annotation必须实现title属性
        annotationView.canShowCallout = NO;
        // 设置是否可以拖拽
        annotationView.draggable = NO;
        // 设置大头针图标
        annotationView.image=[UIImage imageNamed:@"siteGreen"];
        return annotationView;
    }
}

#pragma mark 选中大头针的时候,弹出POP画面
-(void)mapView:(BMKMapView *)mapView didSelectAnnotationView:(BMKAnnotationView *)view{
    if([view isKindOfClass:[BMKPinAnnotationView class]]){
        
        _popUpView.frame=CGRectMake(0,self.view.frame.size.height-220, SCREENWIDTH, 170);
        for (int i=0; i<_annotationArray.count; i++)
        {
            if (view.annotation.coordinate.latitude ==((BMKPointAnnotation*)_annotationArray[i]).coordinate.latitude)
            {//获取到当前的大头针 你可以执行一些操作
                _address.text = [NSString stringWithFormat:@"%@", _array[i][@"Address"]];
                _price.text =  [NSString stringWithFormat:@"%.1f 元/度" ,[_array[i][@"Price"] floatValue]];
                if([@"0" isEqualToString:[NSString stringWithFormat:@"%@", _array[i][@"DisCount"]]]){
                    _discount.text =  [NSString stringWithFormat:@"无"];
                }else{
                    _discount.text =  [NSString stringWithFormat:@"%@", _array[i][@"DisCount"]];
                }
                _numForAll.text = [NSString stringWithFormat:@"%@ 台", _array[i][@"SumOfTotalPoint"]];
                _numForFree.text = [NSString stringWithFormat:@"%@ 台", _array[i][@"FreeSumOfPoint"]];
                //计算距离
                BMKMapPoint point1 = BMKMapPointForCoordinate(_coordinate);
                BMKMapPoint point2 = BMKMapPointForCoordinate(CLLocationCoordinate2DMake(view.annotation.coordinate.latitude, view.annotation.coordinate.longitude));
                CLLocationDistance distance = BMKMetersBetweenMapPoints(point1,point2);
                _distance.text = [NSString stringWithFormat:@"%.2f 公里",distance/1000];
                
                _chargeSetId = _array[i][@"Id"];
            }
        }
        
        _desCoordinate = [view.annotation coordinate];
        
        CATransition *animation = [CATransition animation];
        animation.duration = 0.5f;
        animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
        [self.view.layer addAnimation:animation forKey:@"animation"];
        [self.view addSubview:_popUpView];
        [self.view bringSubviewToFront:_popUpView];
    }else{
        NSLog(@"选中我的位置!");
        
    }
}
#pragma  mark 点击地图空白旳地方时候
-(void)mapView:(BMKMapView *)mapView onClickedMapBlank:(CLLocationCoordinate2D)coordinate{
    CATransition *animation = [CATransition animation];
    animation.duration = 0.5f;
    animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
        animation.fillMode = kCAGravityTopRight;
        animation.type = kCATransitionFromTop;
    [self.view.layer addAnimation:animation forKey:@"animation"];
    [_popUpView removeFromSuperview];
    [_selectSubView removeFromSuperview];
}

其中: _popUpView 就是自定义的气泡视图,下面的 _address 、_price 等都是视图中的子元素,这里使用的 storyboard 关联。_annotationArray 为从后台请求到的周围大头针数据。

  • 气泡视图


    storyboard自定义气泡视图

这里我为了图个方便就直接使用的 storyboard 自定义视图,实际中也可以通过代码实现。

以上就是我整个自定义百度地图的实现!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,080评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,422评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,630评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,554评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,662评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,856评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,014评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,752评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,212评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,541评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,687评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,347评论 4 331
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,973评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,777评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,006评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,406评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,576评论 2 349

推荐阅读更多精彩内容

  • 出自http://my.oschina.net/are1OfBlog/blog/420034 摘要 现在很多社交、...
    JJO阅读 4,124评论 4 19
  • http://www.cnblogs.com/kenshincui/p/4125570.html 摘要: 现在很多...
    大崔老师阅读 3,278评论 1 2
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,066评论 4 62
  • 我们都有一个称号叫做70后,这些年越来越不愿意过年了,一年比一年大一岁,所谓三十而立,四十而不惑,五十而知天命吧。...
    artemis_5e76阅读 296评论 0 0
  • 落叶归根大概是我们这个种族对于家乡那根深蒂固的思念,跑去很多个城市,虽然也有那些霓虹灯光里闪烁着的耀眼的花火,但却...
    一个人的孤岛若印阅读 513评论 0 1