IOS开发学习笔记（十六）——使用地理位置及地图(上篇)

作者：红红的累累vdHRC_958 | 来源：互联网 | 2022-12-25 19:26

使用地图iOS系统自带地图(主要是iPhone)，为了使用地图，需要做如下步骤：添加MapKit.framework；添加MapView到对应界面；设置MapView属性，例如：Type、Beha

使用地图

iOS系统自带地图(主要是iPhone)，为了使用地图，需要做如下步骤：

添加MapKit.framework；
添加Map View到对应界面；
设置Map View属性，例如：Type、Behavior等；

也可以在代码中进行设置，如：

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    MKMapView *mapView = [[MKMapView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];
    [mapView setMapType: MKMapTypeHybrid];
    [mapView setZoomEnabled:YES];
    [mapView setScrollEnabled:YES];
    [mapView setShowsUserLocation:YES];
    
    [self.view addSubview:mapView];
}

ok，可以看到地图展示的效果了。

GIS(Geographic Information System)介绍

我们需要了解几个方面的知识。

GIS系统将地球分割为一个表格系统(这里的表格不是每个单元一样大的，甚至严格来说每个表格都不是一个矩形)；
纬度的计算方式是从赤道到极点，北半球为正，南半球为负；
经度从格林尼治天文台分割，以东为正，以西为负；
坐标被标示为°，赤道上是360°，极点是0°；
一个map view是一个被平坦化的球面标识，一个地图上的点使用x和y来标识；

聚焦

下面使用一个小例子来看如何使用聚焦到某个地点的功能。我们在下面的步骤中都将采用拖拽方式生成界面的形式而不是手动编写界面生成代码。

工程添加framework；
ViewController.h头文件中添加import ；
生成Map View的outlet变量；

接下来是将某个具体位置聚焦到地图中间的代码：

#import "ViewController.h"
#import 

// ShangHai
#define SH_LATITUDE 31.14
#define SH_LONGITUDE 121.29

// BeiJing
#define BJ_LATITUDE 39.55
#define BJ_LONGITUDE 116.24

// Span
#define SPAN_VALUE 0.20f

@interface ViewController ()

@end

@implementation ViewController

@synthesize mapView;

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    // region property: center, span
    MKCoordinateRegion region;
    CLLocationCoordinate2D center;
    center.latitude = BJ_LATITUDE;
    center.lOngitude= BJ_LONGITUDE;
    MKCoordinateSpan span;
    span.latitudeDelta = SPAN_VALUE;
    span.lOngitudeDelta= SPAN_VALUE;
    region.span = span;
    region.center = center;
    // assign region to map
    [mapView setRegion:region animated:YES];
}

代码中的span指的是在经度/纬度方面显示几个区域。换句话说，代表了一种比例尺的概念。span越大，越能显示更多的区域。

如果需要支持用户的位置，那么需要做的更多一些。首先需要做的是实现MKMapViewDelegate代理，ViewController.h头文件中需要设置：
```
#import 
#import 

@interface ViewController : UIViewController 
@property (strong, nonatomic) IBOutlet MKMapView *mapView;
@end
```

查看帮助，编写代理实现方法，这里主要在更新用户坐标时刷新，最终代码如下：

#import "ViewController.h"
#import 


@interface ViewController ()

@end

@implementation ViewController

@synthesize mapView;

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    [mapView setDelegate:self];
    [mapView setShowsUserLocation:YES];

}

- (void)mapView:(MKMapView *)mapView didUpdateUserLocation:(MKUserLocation *)userLocation {
    CLLocationCoordinate2D loc = [userLocation coordinate];
    MKCoordinateRegion region = MKCoordinateRegionMakeWithDistance(loc, 500, 500);
    [self.mapView setRegion:region animated:YES];
}

运行在真机上即可查看结果。

添加注解

我们经常需要将某个地点标注到地图上，我们需要增加Annotation功能，实际就是一个标注。

我们创建一个MapAnnotation类，实现Annotation；
头文件：

#import 
#import 

@interface MapAnnotation : NSObject 

@property (nonatomic, assign) CLLocationCoordinate2D coordinate;
@property (nonatomic, copy) NSString *title;
@property (nonatomic, copy) NSString *subTitle;

- initWithPosition:(CLLocationCoordinate2D) coords;

@end

.m文件：

#import "MapAnnotation.h"

@implementation MapAnnotation
@synthesize coordinate;
@synthesize title;
@synthesize subTitle;


- initWithPosition:(CLLocationCoordinate2D) coords {
    if (self = [super init]) {
        self.coordinate = coords;
    }
    
    return self;
}

@end

然后使用上面创建的Annotation：

// ShangHai
#define SH_LATITUDE 31.14
#define SH_LONGITUDE 121.29
// BeiJing
#define BJ_LATITUDE 39.55
#define BJ_LONGITUDE 116.24
// Span
#define SPAN_VALUE 0.20f

@interface ViewController ()

@end

@implementation ViewController

@synthesize mapView;

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    
    // region property: center, span
    MKCoordinateRegion region;
    CLLocationCoordinate2D center;
    center.latitude = BJ_LATITUDE;
    center.lOngitude= BJ_LONGITUDE;
    MKCoordinateSpan span;
    span.latitudeDelta = SPAN_VALUE;
    span.lOngitudeDelta= SPAN_VALUE;
    region.span = span;
    region.center = center;
    // assign region to map
    [mapView setRegion:region animated:YES];
    
    
    CLLocationCoordinate2D location;
    location.latitude = SH_LATITUDE;
    location.lOngitude= SH_LONGITUDE;
    
    MapAnnotation *anno = [[MapAnnotation alloc] initWithPosition: location];
    [anno setTitle: @"Shanghai"];
    [anno setSubTitle: @"Shanghai center"];
    [mapView addAnnotation: anno];
}

完成，查看效果。

自定义注解

默认的注解是一个图钉一样的图标，点击后弹出文字。我们可以修改注解为我们期望的效果。

首先我们设置ViewController为MKMapViewDelegate代理；

在.m文件中设置代理为自身：

- (void)viewDidLoad
{
    [super viewDidLoad];
    [mapView setDelegate: self];
    
    // region property: center, span
    MKCoordinateRegion region;
    CLLocationCoordinate2D center;
    center.latitude = SZ_LATITUDE;
    center.lOngitude= SZ_LONGITUDE;
    MKCoordinateSpan span;
    span.latitudeDelta = SPAN_VALUE;
    span.lOngitudeDelta= SPAN_VALUE;
    region.span = span;
    region.center = center;
    // assign region to map
    [mapView setRegion:region animated:YES];
    
    
    CLLocationCoordinate2D location;
    location.latitude = SH_LATITUDE;
    location.lOngitude= SH_LONGITUDE;
    
    MapAnnotation *anno = [[MapAnnotation alloc] initWithPosition: location];
    [anno setTitle: @"Shanghai"];
    [anno setSubTitle: @"Shanghai center"];
    [mapView addAnnotation: anno];
}

添加代理方法：

- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id )annotation {
    // view
    MKPinAnnotationView * view = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"pin"];
    // pin color
    [view setPinColor:MKPinAnnotationColorPurple];
    // enabled animated
    [view setEnabled: YES];
    [view setAnimatesDrop: YES];
    [view setCanShowCallout: YES];
    // image button
    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"customanno.png"]];
    [view setLeftCalloutAccessoryView:imageView];
    [view setRightCalloutAccessoryView: [UIButton buttonWithType: UIButtonTypeDetailDisclosure]];
    
    return view;
}

完成，查看效果。

增加AccessoryView点击效果

我们点击大头针会弹出自定义的AccessoryView，显示一个图文标题加上一个向右箭头，但是这些都是无法点击的，现在我们加上向右箭头点击效果。

我们添加一个代理方法：

- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id )annotation {
    // view
    MKPinAnnotationView * view = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"pin"];
    // pin color
    [view setPinColor:MKPinAnnotationColorPurple];
    // enabled animated
    [view setEnabled: YES];
    [view setAnimatesDrop: YES];
    [view setCanShowCallout: YES];
    // image button
    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"customanno.png"]];
    [view setLeftCalloutAccessoryView:imageView];
    [view setRightCalloutAccessoryView: [UIButton buttonWithType: UIButtonTypeDetailDisclosure]];
    
    return view;
}

添加多个注解

我们可能希望将多个地点注解添加到我们的地图中，那么我们需要以下几步：

我们需要定义多个经纬度：

// ShangHai
#define SH_LATITUDE 31.14
#define SH_LONGITUDE 121.29
// SuZhou
#define SZ_LATITUDE 31.19
#define SZ_LONGITUDE 120.37
// ChangZhou
#define CZ_LATITUDE 31.47
#define CZ_LONGITUDE 119.58
// KunShan
#define KS_LATITUDE 31.23
#define KS_LONGITUDE 120.57
// Span
#define SPAN_VALUE 2.0f

我们需要一个Annotation数组：

- (void)viewDidLoad
{
    [super viewDidLoad];
    [mapView setDelegate: self];
    
    // region property: center, span
    MKCoordinateRegion region;
    CLLocationCoordinate2D center;
    center.latitude = KS_LATITUDE;
    center.lOngitude= KS_LONGITUDE;
    MKCoordinateSpan span;
    span.latitudeDelta = SPAN_VALUE;
    span.lOngitudeDelta= SPAN_VALUE;
    region.span = span;
    region.center = center;
    // assign region to map
    [mapView setRegion:region animated:YES];
    
    NSMutableArray *annotatiOns= [[NSMutableArray alloc] init];
    MapAnnotation *anno;
    CLLocationCoordinate2D location;
    
    anno = [[MapAnnotation alloc] init];
    location.latitude = SH_LATITUDE;
    location.lOngitude= SH_LONGITUDE;
    [anno setCoordinate: location];
    [anno setTitle: @"上海"];
    [annotations addObject:anno];
    
    anno = [[MapAnnotation alloc] init];
    location.latitude = SZ_LATITUDE;
    location.lOngitude= SZ_LONGITUDE;
    [anno setCoordinate: location];
    [anno setTitle: @"苏州"];
    [annotations addObject:anno];
    
    anno = [[MapAnnotation alloc] init];
    location.latitude = CZ_LATITUDE;
    location.lOngitude= CZ_LONGITUDE;
    [anno setCoordinate: location];
    [anno setTitle: @"常州"];
    [annotations addObject:anno];
    
    anno = [[MapAnnotation alloc] init];
    location.latitude = KS_LATITUDE;
    location.lOngitude= KS_LONGITUDE;
    [anno setCoordinate: location];
    [anno setTitle: @"昆山"];
    [annotations addObject:anno];
    
    [mapView addAnnotations:annotations];
}

我们需要修改代理方法，为了能够重用Annotation View，避免不必要的资源消耗，需要在创建view之前请求资源重用：

    MKPinAnnotationView *view = [self.mapView dequeueReusableAnnotationViewWithIdentifier:@"pin"];
    if (view == nil) {
        view = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"pin"];
    }

查看效果：

添加多个不同的注解

我们期望对不同的注解添加不同的显示效果，则需要添加如下代码：

对annotation添加属性，以便于能够识别不同属性数据：

#import 
#import 

@interface MapAnnotation : NSObject 

@property (nonatomic, assign) CLLocationCoordinate2D coordinate;
@property (nonatomic, copy) NSString *title;
@property (nonatomic, copy) NSString *subTitle;
@property (nonatomic, copy) NSString *province;
@property (nonatomic, copy) NSString *name;

- initWithPosition:(CLLocationCoordinate2D) coords;

@end

创建新类继承自MKPinAnnotationView，并且重写initWithAnnotation方法：

- (id)initWithAnnotation:(id)annotation reuseIdentifier:(NSString *)reuseIdentifier {
    self = [super initWithAnnotation:annotation reuseIdentifier:reuseIdentifier];
    
    // Get a referene to the annotation to get its state value
    MapAnnotation *myAnnotation = (MapAnnotation *)annotation;
    
    NSString *myImage;
    if ([myAnnotation.province isEqualToString:@"JiangSu"]) {
        myImage = @"jiangsu.png";
    } else if ([myAnnotation.province isEqualToString:@"ShangHai"]) {
        myImage = @"shanghai.png";
    }
    
    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:myImage]];
    self.leftCalloutAccessoryView = imageView;
    
    if ([myAnnotation.name isEqualToString:@"ShangHai"]) {
        self.image = [UIImage imageNamed:@"shanghai_anno.png"];
    }
    self.enabled = YES;
    self.canShowCallout = YES;
    
    return self;
}

在ViewController中初始化：

- (void)viewDidLoad
{
    [super viewDidLoad];
    [mapView setDelegate: self];
    
    // region property: center, span
    MKCoordinateRegion region;
    CLLocationCoordinate2D center;
    center.latitude = KS_LATITUDE;
    center.lOngitude= KS_LONGITUDE;
    MKCoordinateSpan span;
    span.latitudeDelta = SPAN_VALUE;
    span.lOngitudeDelta= SPAN_VALUE;
    region.span = span;
    region.center = center;
    // assign region to map
    [mapView setRegion:region animated:YES];
    
    NSMutableArray *annotatiOns= [[NSMutableArray alloc] init];
    MapAnnotation *anno;
    CLLocationCoordinate2D location;
    
    anno = [[MapAnnotation alloc] init];
    location.latitude = SH_LATITUDE;
    location.lOngitude= SH_LONGITUDE;
    [anno setCoordinate: location];
    [anno setTitle: @"上海"];
    [anno setName: @"ShangHai"];
    [anno setProvince: @"ShangHai"];
    [annotations addObject:anno];
    
    anno = [[MapAnnotation alloc] init];
    location.latitude = SZ_LATITUDE;
    location.lOngitude= SZ_LONGITUDE;
    [anno setCoordinate: location];
    [anno setTitle: @"苏州"];
    [anno setName: @"SuZhou"];
    [anno setProvince: @"JiangSu"];
    [annotations addObject:anno];
    
    anno = [[MapAnnotation alloc] init];
    location.latitude = CZ_LATITUDE;
    location.lOngitude= CZ_LONGITUDE;
    [anno setCoordinate: location];
    [anno setTitle: @"常州"];
    [anno setName: @"ChangZhou"];
    [anno setProvince: @"JiangSu"];
    [annotations addObject:anno];
    
    anno = [[MapAnnotation alloc] init];
    location.latitude = KS_LATITUDE;
    location.lOngitude= KS_LONGITUDE;
    [anno setCoordinate: location];
    [anno setTitle: @"昆山"];
    [anno setName: @"KunShan"];
    [anno setProvince: @"JiangSu"];
    [annotations addObject:anno];
    
    [mapView addAnnotations:annotations];
}

ViewController的viewForAnnotation方法变为：

- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id )annotation {
    // view
    MapAnnotationView *view = (MapAnnotationView *)[self.mapView dequeueReusableAnnotationViewWithIdentifier:@"pin"];
    if (view == nil) {
        view = [[MapAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"pin"];
    }
    
    return view;
}

完成，查看效果。

推荐阅读

go
管理UINavigationController中的手势返回 - Managing Swipe Back Gestures in UINavigationController

本文介绍了如何在一个简单的闪存卡片应用中实现平滑的手势返回功能，以增强用户体验。 ... [详细]

蜡笔小新 2024-11-19 10:27:04
int
深入解析：iOS开发中scrollView的正确使用与常见问题解决

本文通过具体示例探讨了如何在iOS应用中有效使用scrollView，并解决了常见的无法滚动问题。不仅介绍了基础的使用方法，还详细讲解了代码实现的具体步骤。 ... [详细]

蜡笔小新 2024-11-20 09:22:08
string
iOS 百度地图使用指南：基本定位与地理编码

本文详细介绍如何在 iOS 应用中集成百度地图，实现基本的地图定位和地理编码功能。配置详情请参考官方文档：http://developer.baidu.com/map/index.php?title=iossdk ... [详细]

蜡笔小新 2024-11-16 14:37:27
select
iOS如何实现手势

这篇文章主要为大家展示了“iOS如何实现手势”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“iOS ... [详细]

蜡笔小新 2024-11-23 20:37:40
copy
Swift Closure与Objective-C Block的对比分析

本文旨在探讨Swift中的Closure与Objective-C中的Block之间的区别与联系，通过定义、使用方式以及外部变量捕获等方面的比较，帮助开发者更好地理解这两种机制的特点及应用场景。 ... [详细]

蜡笔小新 2024-11-23 17:41:01
select
从迷茫到收获：阿里腾讯实习Offer的求取之路

本文回顾了作者在求职阿里和腾讯实习生过程中，从最初的迷茫到最后成功获得Offer的心路历程。文中不仅分享了个人的面试经历，还提供了宝贵的面试准备建议和技巧。 ... [详细]

蜡笔小新 2024-11-22 19:32:32
select
Delphi XE2 之 FireMonkey 入门(19) - TFmxObject 的子类们(表)

td{border:1pxsolid#808080;}参考:和FMX相关的类(表)TFmxObjectIFreeNotification ... [详细]

蜡笔小新 2024-11-21 22:35:24
go
将图像平移到画布中心python_python – Tkinter画布缩放移动/平移

高级缩放示例.就像谷歌地图一样.它仅缩放图块,但不缩放整个图像.因此,缩放的瓷砖占据了恒定的记忆,并且不会为大型缩放图像调整大小的图像.对于简化的缩放示例lookhere.在Win ... [详细]

蜡笔小新 2024-11-20 15:47:04
go
Flutter 核心技术与混合开发模式深入解析

本文深入探讨了 Flutter 的核心技术，特别是其混合开发模式，包括统一管理模式和三端分离模式，以及混合栈原理。通过对比不同模式的优缺点，帮助开发者选择最适合项目的混合开发策略。 ... [详细]

蜡笔小新 2024-11-19 13:48:51
select
腾讯ABS云平台前端面试经验分享

本文详细记录了腾讯ABS云平台的一次前端开发岗位面试经历，包括面试过程中遇到的JavaScript相关问题、Vue.js等框架的深入探讨以及算法挑战等内容。 ... [详细]

蜡笔小新 2024-11-19 12:59:38
select
Spring Boot使用AJAX从数据库读取数据异步刷新前端表格

　　近期项目需要是实现一个通过筛选选取所需数据刷新表格的功能，因为表格只占页面的一小部分，不希望整个也页面都随之刷新，所以首先想到了使用AJAX来实现。　　以下介绍解决方法（请忽视 ... [详细]

蜡笔小新 2024-11-19 10:11:02
char
使用Echarts for Weixin 小程序实现中国地图及区域点击事件

本文介绍了如何使用Echarts for Weixin在微信小程序中构建中国地图，并实现区域点击事件。包括效果展示、条件准备和逻辑实现的具体步骤。 ... [详细]

蜡笔小新 2024-11-18 19:37:06
string
SDWebImage第三方库学习

1、基本使用方法异步下载并缓存-(void)sd_setImageWithURL:(nullableNSURL*)urlNS_REFINED_FOR_SWIFT;使用占位图片& ... [详细]

蜡笔小新 2024-11-17 14:40:33
go
短视频app源码，Android开发底部滑出菜单

短视频app源码，Android开发底部滑出菜单首先依赖三方库implementationandroidx.appcompat:appcompat:1.2.0im ... [详细]

蜡笔小新 2024-11-15 15:35:01
int
Android GUI 开发：ScrollView 和 HorizontalScrollView 的常见用法

本文介绍了 Android 开发中常用的滚动视图组件 ScrollView 和 HorizontalScrollView 的基本用法和注意事项，帮助开发者更好地处理屏幕内容超出显示范围的情况。 ... [详细]

蜡笔小新 2024-11-15 13:25:11

红红的累累vdHRC_958

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章