美文网首页搬砖iOS Developer
百度地图使用-大头针的自定义

百度地图使用-大头针的自定义

作者: 薄阳映初雪 | 来源:发表于2017-07-12 20:39 被阅读1195次

最近老看到iOS开发群里有人问有关百度地图的问题,正好研究过百度地图,今天我就把自己集成百度地图相关功能和遇到问题和大家分享。

效果图.gif

<h5>百度地图的导入和初始化:</h5>
1.1 集成百度地图

  使用cocoPod集成百度地图,在百度地图API页面配置相关参数!

1.1.2 初始化百度地图可能遇到的问题


错误1.png

这个问题是你的地图控制器和百度地图里面的文件重名了,所以你只需要把重名的文件改名就行

1.1.3 遇到地图加载的是空白地图或者是网格地图
解决办法:使两者的值为同一个

项目修改.png 图3.png

1.2百度地图的定位问题(没作用)
解决方法:(在iOS10中,如果你的App想要访问用户的相机、相册、麦克风、通讯录,位置等等权限,都需要进行相关的配置)

图4.png

<h5>自定义大头针</h5>
1.1 我的位置(有两种方式)
1.1.2 动态设置我的位置样式

 /***动态定制我的位置样式        */
        
        BMKLocationViewDisplayParam *displayParam = [[BMKLocationViewDisplayParam alloc] init];
        
        displayParam.locationViewOffsetX=0;//定位偏移量(经度)
        
        displayParam.locationViewOffsetY=0;//定位偏移量(纬度)
        
        displayParam.isAccuracyCircleShow=NO;//经度圈是否显示
        
        //这里替换自己的图标路径,必须把图片放到百度地图SDK的Resources/mapapi.bundle/images 下面
        
        //还有一种方法就是获取到_locationView之后直接设置图片
        
        displayParam.locationViewImgName=@"hzb_dtdw_dw";
        
        [_mapView updateLocationViewWithParam:displayParam];

1.1.3 自定义大头针(我的位置)

    /*******************************设置我的位置************************************************/
    
    BMKPointAnnotation* userAnnotation = [[BMKPointAnnotation alloc]init];
    
    userAnnotation.coordinate = userLocation.location.coordinate;
    
    [_mapView addAnnotation:userAnnotation];

1.2设置多种不同样式的大头针
首先定义大头针样式:它继承于BMKAnnotation(在这里的模枚举主要是用来判断大头针样式,如果你的model里有判断的你可以不写这个)

#import <Foundation/Foundation.h>
#import <BaiduMapAPI_Base/BMKBaseComponent.h>//引入base相关所有的头文件
#import <BaiduMapAPI_Map/BMKMapComponent.h>//引入地图功能所有的头文件
#import "MyModel.h"
/**
 *  大头针枚举
 */
typedef NS_ENUM(NSInteger,PinType) {
    /**
     *  超市
     */
    SUPER_MARKET = 0,
    /**
     *  火场
     */
    CREMATORY,
    /**
     *  景点
     */
    INTEREST,
};

@interface MyAnnotation : NSObject<BMKAnnotation>

@property (nonatomic, assign) CLLocationCoordinate2D coordinate;
//主要用来识别图
@property (nonatomic,retain) NSNumber *type;//类型

@property (nonatomic, strong) MyModel *model;

其次定义一个model 这里面主要是你从后台请求的数据,(如果后台返回了怎样区别不同大头针,你可以在这里写上,我这里Isvalid是区别判断是否有车位和remainder是否断线)

#import <Foundation/Foundation.h>

@interface MyModel : NSObject

//经纬度
@property (nonatomic,copy) NSString * longitude;
@property (nonatomic,copy) NSString * latitude;
///详细地址
@property (nonatomic,copy) NSString * address;
//停车场名称
@property (nonatomic,copy) NSString *name;
//停车场id
@property (nonatomic,copy) NSString * ID;
//收费规则
@property (nonatomic,copy) NSString * typenamed;
//剩余车位
@property (nonatomic,copy) NSString * remainder;
//停车场图片
@property (nonatomic,copy) NSString * parkimg;
//停车场规模
@property (nonatomic,copy) NSString *scale;

@property (nonatomic,copy)NSString *isvalid;

@property (nonatomic,copy) NSString *subtitle;
@end

我们看下网络请求里该怎样处理

 for ( NSDictionary *Detaildict in dictArray) {
            //模型初始化
            MyModel *model = [[MyModel alloc]init];
            
            [model setValuesForKeysWithDictionary:Detaildict];
            
            //添加其他大头针
            MyAnnotation* annotation = [[MyAnnotation alloc]init];
            CLLocationCoordinate2D coor;
            coor = CLLocationCoordinate2DMake([model.latitude doubleValue],   [model.longitude doubleValue]);
           
            // annotation.title = model.name;
            annotation.coordinate = coor;
            annotation.model = model;
            //保存数据
            [self.annotationArray addObject:annotation];
            [_mapView addAnnotations:self.annotationArray];
        }
        

数据,样式都已经有了下面是显示

#pragma mark 数据显示
- (BMKAnnotationView *)mapView:(BMKMapView *)mapView viewForAnnotation:(id <BMKAnnotation>)annotation
{
//这里的判断你可把它看做和UItableVIew判断一样(先去看是不是我的类型)
//这里我的位置使用的是自定义大头针,判断是不是我的我的位置
    if ([annotation isKindOfClass:[BMKPointAnnotation class]]) {
        
        BMKAnnotationView *annotationView = [mapView dequeueReusableAnnotationViewWithIdentifier:@"userLocation"];
        
        if(annotationView == nil){
            
            annotationView = [[BMKAnnotationView alloc]initWithAnnotation:annotation reuseIdentifier:@"UserLocation"];
        }
        
        annotationView.image = [UIImage imageNamed:@"LOGO.png"];
        return annotationView;
    }
    //不是我的位置加载服务器提供数据(其他类型大头针)
    CustomPinAnnotationView *annotationView = (CustomPinAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:@"otherAnnotationView"];
    if (annotationView == nil) {
        annotationView = [[CustomPinAnnotationView alloc]initWithAnnotation:annotation reuseIdentifier:@"otherAnnotationView"];
    }
    
    MyAnnotation *myAnnotation = (id)annotation;
    
    //这里开始判断其他大头针 不同的显示
    switch ([myAnnotation.model.isvalid intValue]) {
        case 0://断线
            
            annotationView.image = [UIImage imageNamed:@"gps_me"];
            
            break;
        case 1:
            
            //判断是否有车位
            
            if([myAnnotation.model.remainder intValue] <= 0){
                
                annotationView.image = [UIImage imageNamed:@"gps_close"];
                
            }else{
                annotationView.image = [UIImage imageNamed:@"gps_open"];
                
            }
            break;
        default:
            break;
    }
    
    NSLog(@"车位:%@" ,myAnnotation.model.remainder);
    
    annotationView.canShowCallout = NO;
    return annotationView;
}

点击大头针进行业务

#pragma mark --private Method--当点击大头针时
- (void)mapView:(BMKMapView *)mapView didSelectAnnotationView:(BMKAnnotationView *)view{
    //为了防止点击我的位置也进行跳转,所以我们要判断它哪一种大头针
    if ([ view isKindOfClass:[CustomPinAnnotationView class ]])
    {
        _MyAnnotation = (id)view.annotation;
        
        TwoViewController *detailCtr = [[TwoViewController alloc]init];
        detailCtr.parkingId = _MyAnnotation.model.ID;
        
        [self presentViewController:detailCtr animated:YES completion:nil];
    }
    
    
}

区域滑动(两种方式)
第一种,滑到那加载那的数据,之前加载的不消失

#pragma mark 区域滑动
- (void)mapView:(BMKMapView *)mapView regionDidChangeAnimated:(BOOL)animated {
    
    //装换坐标
    CLLocationCoordinate2D carLocation = [_mapView convertPoint:self.view.center toCoordinateFromView:self.view];
    BMKReverseGeoCodeOption *option = [[BMKReverseGeoCodeOption alloc] init];
    option.reverseGeoPoint = CLLocationCoordinate2DMake(carLocation.latitude, carLocation.longitude);
    NSLog(@"%f - %f", option.reverseGeoPoint.latitude, option.reverseGeoPoint.longitude);
    
     [self getData:option.reverseGeoPoint];
    
    
}

第二种 滑动那加载那数据,之前加载的大头针,移除不想要的大头针

#pragma mark 区域滑动
- (void)mapView:(BMKMapView *)mapView regionDidChangeAnimated:(BOOL)animated {
    
    //装换坐标
    CLLocationCoordinate2D carLocation = [_mapView convertPoint:self.view.center toCoordinateFromView:self.view];
    BMKReverseGeoCodeOption *option = [[BMKReverseGeoCodeOption alloc] init];
    option.reverseGeoPoint = CLLocationCoordinate2DMake(carLocation.latitude, carLocation.longitude);
    NSLog(@"%f - %f", option.reverseGeoPoint.latitude, option.reverseGeoPoint.longitude);
    //调用发地址编码方法,让其在代理方法onGetReverseGeoCodeResult中输出
    
    
    [self.annotationArray removeAllObjects];
    
//    //删除指定的标注
        NSArray* array = [NSArray arrayWithArray:mapView.annotations];
        for (int i = 0; i < [array count]; i ++) {
            if ([array[i] isKindOfClass:[MyAnnotation class]]) {
                [mapView removeAnnotation:array[i]];
            }
        }
    
    
       [_mapView removeAnnotation: _MyAnnotation];
  
//根据滑动坐标请求数据  
     [self getData:option.reverseGeoPoint];
    
    
}

Demo: https://github.com/HZJason/BdMapstest

相关文章

  • 高德地图---iOS笔记摘录

    概念 使用 地图显示 交互 显示 计算 其他 1.1 大头针 自定义大头针: MAPointAnnotation ...

  • 集成百度地图,看看就好

    集成百度地图,实现基本定位,检索,自定义大头针。 1.集成百度地图,当然前提还是去注册百度地图开发者 2.接下来创...

  • 百度地图自定义气泡

    iOS-百度地图自定义气泡IOS百度地图自定义大头针和气泡 重点是定义了一个全局变量来取气泡的数据模型:stati...

  • iOS 系统自带API地图开发相关(二)

    地图-自定义大头针 关于大头针视图分两类: MKPinAnnotationView : apple自带的大头针,可...

  • 百度地图定位工具类

    导语: 公司的项目中用到了百度地图的相关功能(定位、导航、自定义大头针)其中封装了几个百度地图的工具类,方便开发使...

  • 高德地图缩小地图大头针位置不对

    使用高德地图时自定义大头针,缩小地图时大头针位置跟实际位置偏移严重 原因:没设置中心点偏移 解决方法:设置中心点偏移

  • 大头针Annotation

    自定义大头针 使用大头针 点击添加大头针 自定义大头针颜色和动画 系统大头针的处理 自定义大头针图片 修改大头针模...

  • 地图高级 - 自定义大头针

    地图高级 - 自定义大头针 1. 理论支撑 2. 模拟实现系统大头针 实现当添加大头针数据模型时,地图回调的代理方...

  • 地图高级- 大头针基本使用

    地图高级- 大头针基本使用 1. 大头针 现实生活中的大头针(左图)大头针1.png 地图上的大头针(右图)钉在某...

  • iOS-MapKit文集目录

    前言 MapKit框架的导入 地图展示地图的基本使用-地图显示地图的中级使用-用户追踪地图高级-大头针基本使用地图...

网友评论

    本文标题:百度地图使用-大头针的自定义

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