iOS高德地图多个大头针显示图片点击效果

最新推荐文章于 2022-11-10 17:04:09 发布

若水丶止境

最新推荐文章于 2022-11-10 17:04:09 发布

阅读量6.3k

点赞数

分类专栏： iOS开发 iOS 高德文章标签： ios 高德地图标注大头针图片

本文链接：https://blog.csdn.net/Modesty_zhao/article/details/53203681

版权

iOS开发同时被 3 个专栏收录

6 篇文章

订阅专栏

iOS

3 篇文章

订阅专栏

高德

1 篇文章

订阅专栏

这篇博客介绍了如何在iOS应用中使用高德地图展示多个带有自定义图片的大头针，并实现点击效果。作者跳过了导入和基础设置步骤，直接讲解了创建一个继承自MAPointAnnotation的类，添加图片属性，然后在viewController中模拟数据，添加4个标注到地图上。同时，遵循MAMapViewDelegate并实现相关代理方法来完善点击交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做一款有关地图的软件使用到了高德地图将一些经验记录下来第一篇博客以后会陆续更新希望看到的朋友多多支持啦。

导入等过程PASS掉。

新建一个类继承 MAPointAnnotation 添加图片属性

@property (nonatomic,copy)NSString *imageString;

在viewController.m 中添加模拟数据

 self.annotations = [NSMutableArrayarray];
 CLLocationCoordinate2D coordinates[10] = {
        {31.34201706,104.19923639},
        {31.34131706,104.19943639},
        {31.34241706,104.19973639},
        {31.34111706,104.20093639}};
    for (int i =0; i <4; ++i)
    {
        ZSPointAnnotation *a1 = [[ZSPointAnnotationalloc]init];
        a1.coordinate = coordinates[i];
        a1.title      = [NSStringstringWithFormat:@"标题: %d", i];
        a1.imageString      = [NSStringstringWithFormat:@"图%d.jpg",i];
        [self.annotationsaddObject:a1];
    }

模拟4条数据

创建地图添加annotations 遵循代理MAMapViewDelegate

    self.mapView.delegate =self;
   [self.mapViewaddAnnotations:self.annotations];
   [self.mapViewshowAnnotations:self.annotationsedgePadding:UIEdgeInsetsMake(20,20,20,80)animated:YES];

实现代理方法

- (MAAnnotationView *)mapView:(MAMapView *)mapView viewForAnnotation:(id<MAAnnotation>)annotation
{

    customAnnotationView参考高德demo中  自定义样式标注
    staticNSString *customReuseIndetifier =@"customReuseIndetifier";
    CustomAnnotationView *annotationView = (CustomAnnotationView*)[mapViewdequeueReusableAnnotationViewWithIdentifier:customReuseIndetifier];
    if (annotationView ==nil)
    {
        annotationView = [[CustomAnnotationViewalloc]initWithAnnotation:annotationreuseIdentifier:customReuseIndetifier];

        annotationView.canShowCallout =NO;
        annotationView.draggable =YES;
        annotationView.calloutOffset =CGPointMake(0, -5);
    }
    
    这里我们遍历数组 拿到point 与地图上annotation上title比较  相同的话  设置图片为模拟数据的image
    for (ZSPointAnnotation *pointinself.annotations) {
        if ([[annotationtitle]isEqualToString:point.title]) {
            annotationView.portraitImageView.image = [UIImageimageNamed:point.imageString];
            annotationView.portraitImageView.layer.cornerRadius =25;
            annotationView.portraitImageView.layer.masksToBounds =YES;
        }
    }

    return annotationView;

}

接下来实现它的点击方法方法相类似

- (void)mapView:(MAMapView *)mapView didSelectAnnotationView:(MAAnnotationView *)view {

    NSArray * array = [NSArrayarrayWithArray:_mapView.annotations];
    这里遍历mapView上的annotations  比较经度（纬度）title 都可以  这样就可以啦
    for (ZSPointAnnotation *pointin array) {
        if (view.annotation.coordinate.latitude == point.coordinate.latitude){
            NSLog(@"点了我 %@",point.title);
            NSLog(@"图片是我  %@",point.imageString);
        }else{
            NSLog(@"没点我 %@",point.title);
        }
    }

}