iOS原生地图与高德地图的使用
原生地图
1、什么是LBS
LBS: 基于位置的服务 Location Based Service
实际应用:大众点评,陌陌,微信,美团等需要用到地图或定位的App
2、定位方式
1.GPS定位 2.基站定位 3.WIFI定位
3、框架
MapKit:地图框架,显示地图
CoreLocation:定位框架,没有地图时也可以使用定位.
4、如何使用原生地图 和定位
MapKit:
初始化MapView
_mapView = [[MKMapView alloc] initWithFrame:self.view.bounds];
[self.view addSubview:_mapView];
设置代理
_mapView.delegate = self;
设置地图类型
_mapView.mapType = MKMapTypeStandard;
允许显示自己的位置
_mapView.showsUserLocation = YES;
设置地图中心坐标点
CLLocationCoordinate2D centerCoordinate = CLLocationCoordinate2DMake(22.540396,113.951832);
_mapView.centerCoordinate = centerCoordinate;
设置地图显示区域
a) 设置缩放
MKCoordinateSpan span = MKCoordinateSpanMake(0.1, 0.1);
b) 设置区域
MKCoordinateRegion region = MKCoordinateRegionMake(centerCoordinate, span);
c) 显示区域
_mapView.region = region;
CoreLocation:
- 初始化定位管理器
_manager = [[CLLocationManager alloc] init];
_manager.delegate = self;
- iOS8定位
在info.plist中添加 Privacy - Location Usage Description , NSLocationAlwaysUsageDescription
在代码中加入
if ( [UIDevice currentDevice].systemVersion.floatValue >= 8.0 ) {
[_manager requestAlwaysAuthorization];
}
开启定位
[_manager startUpdatingLocation];
定位成功代理
- (void)locationManager:(CLLocationManager *)manager didUpdateLocations:(NSArray *)locations
{
NSLog(@"定位成功");
//获取定位的坐标
CLLocation *location = [locations firstObject];
//获取坐标
CLLocationCoordinate2D coordinate = location.coordinate;
NSLog(@"定位的坐标:%f,%f", coordinate.longitude, coordinate.latitude);
//停止定位
//[_manager stopUpdatingLocation];
}
- 定位失败代理
- (void)locationManager:(CLLocationManager *)manager didFailWithError:(NSError *)error
{
NSLog(@"定位失败”);
}
屏幕坐标转经纬度坐标
CLLocationCoordinate2D cl2d = [_mapView convertPoint:point toCoordinateFromView:_mapView];
反地理编码
CLGeocoder *geocoder = [[CLGeocoder alloc] init];
[geocoder reverseGeocodeLocation:location completionHandler:^(NSArray *placemarks, NSError *error) {
//获取地标对象
CLPlacemark *mark = [placemarks firstObject];
}];
大头针(标注):
添加大头针
//创建大头针
MKPointAnnotation *pointAnn = [[MKPointAnnotation alloc] init];
//设置坐标
pointAnn.coordinate = CLLocationCoordinate2DMake(23.181297, 113.346877);
//设置标题
pointAnn.title = @"我的第一个大头针";
//设置副标题
pointAnn.subtitle = @"副标题";
//显示大头针,把大头针加入到地图上
[_mapView addAnnotation:pointAnn];
大头针的复用及定制
pragma mark - mapView 代理方法
//大头针View
-(MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id)annotation
{
//如果是自己当前位置的大头针,则不定制
if ( [annotation isKindOfClass:[MKUserLocation class]]) {
return nil;
}
if 1
// 1、自带的大头针视图
MKPinAnnotationView *pinAnnView = (MKPinAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:@"ID"];
if ( !pinAnnView ) {
pinAnnView = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"ID"];
}
//设置大头针的颜色
pinAnnView.pinColor = MKPinAnnotationColorPurple;
//设置掉落动画
pinAnnView.animatesDrop = YES;
//是否弹出气泡
pinAnnView.canShowCallout = YES;
//设置左视图
UIView *leftView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];
leftView.backgroundColor = [UIColor blueColor];
pinAnnView.leftCalloutAccessoryView = leftView;
//设置右视图
UIButton *rightBtn = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];
pinAnnView.rightCalloutAccessoryView = rightBtn;
return pinAnnView;
else
//2、自定义大头针视图
/*
* 区别于MKPinAnnotationView
* 1、可以设置大头针图片
* 2、不可以设置大头针颜色和掉落动画
*/
MKAnnotationView *customView = [mapView dequeueReusableAnnotationViewWithIdentifier:@"ID2"];
if ( !customView ) {
customView = [[MKAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"ID2"];
}
//设置点击大头针可以显示气泡
customView.canShowCallout = YES;
//设置大头针图片
customView.image = [UIImage imageNamed:@"marker"];
//设置左视图
UIView *leftView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];
leftView.backgroundColor = [UIColor blueColor];
customView.leftCalloutAccessoryView = leftView;
//设置右视图
UIButton *rightBtn = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];
customView.rightCalloutAccessoryView = rightBtn;
return customView;
endif
}
移除大头针
[_mapView removeAnnotations:_mapView.annotations];
添加长按手势,实现在地图的长按点添加一个大头针
//4、长按地图显示大头针
UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPress:)];
[_mapView addGestureRecognizer:longPress];
pragma mark - 长按手势
-(void)longPress:(UILongPressGestureRecognizer *)gesture
{
//避免多次调用 只允许开始长按状态才添加大头针
if (gesture.state != UIGestureRecognizerStateBegan) {
return;
}
//获取长按地图上的某个点
CGPoint point = [gesture locationInView:_mapView];
//把point转换成在地图上的坐标经纬度
CLLocationCoordinate2D coordinate = [_mapView convertPoint:point toCoordinateFromView:_mapView];
//添加长按的大头针
MKPointAnnotation *annotation = [[MKPointAnnotation alloc] init];
annotation.coordinate = coordinate;
annotation.title = @"长按的大头针";
annotation.subtitle = @"副标题";
[_mapView addAnnotation:annotation];
}
高德地图
1、高德地图申请Appkey流程:
a) 在浏览器中打开网址:http://lbs.amap.com/api/ios-sdk/guide/verify/
b) 访问:http://lbs.amap.com/console/key/,使用高德开发者账号登陆
c) 2.在“KEY管理”页面点击上方的“获取key”按钮,依次输入应用名,选择绑定的服务为“iOS平台SDK”,输入Bundle Identifier(Bundle Identifier获取方式为Xcode->General->Identity)
2、高德地图配置工程流程:
a)下载高德地图iOS SDK
b)添加高德地图的库文件MAMapKit.framework
c)添加8个关联库QuartzCore, CoreLocation, SystemConfiguration, CoreTelephony, libz, OpenGLES, libstdc++6.09, Security(MAMapView)
d)添加AMap.bundle(MAMapKit.framework->Resources)
e) TARGETS-Build Settings-Other Linker Flags 中添加内容: -ObjC;
f)在代码中添加用户Key: [MAMapServices sharedServices].apiKey =@"您的key";
3、单独使用搜索服务包:
a)添加搜索库文件AMapSearchKit.framework
b)添加关联库SystemConfiguration, CoreTelephony, libz, libstdc++6.09
c)在代码中添加AMapSearchAPI *search = [[AMapSearchAPI alloc] initWithSearchKey: @"您的key" Delegate:self];
4、如何使用高德地图 和 搜索
MAMapKit:
- 配置高德地图API
define APIKEY @"e848d391f9c4b98db0935052777f99d2"
[MAMapServices sharedServices].apiKey = APIKEY;
- 初始化MAMapView
_maMapView = [[MAMapView alloc] initWithFrame:self.view.bounds];
[self.view addSubview:_maMapView];
设置代理
_maMapView.delegate = self;
设置地图类型
_maMapView.mapType = MAMapTypeStandard;
允许显示自己的位置(如使用定位功能,则必须设置为YES)
_maMapView.showsUserLocation = YES;
设置logo位置
_maMapView.logoCenter = CGPointMake(100, 100);
显示罗盘
_maMapView.showsCompass = YES;
显示交通
_maMapView.showTraffic = YES;
是否支持旋转
_maMapView.rotateEnabled = YES;
是否支持拖动
_maMapView.scrollEnabled = YES;
是否支持缩放
_maMapView.zoomEnabled = NO;
- 设置地图显示区域
a) 设置坐标
CLLocationCoordinate2D coordinate = CLLocationCoordinate2DMake(23.181297, 113.346877);
b) 设置缩放
MACoordinateSpan span = MACoordinateSpanMake(0.1, 0.1);
c) 设置区域
MACoordinateRegion region = MACoordinateRegionMake(coordinate, span);
d) 显示区域
_maMapView.region = region;
- 定位
pragma mark - 定位 回调方法
-(void)mapView:(MAMapView *)mapView didUpdateUserLocation:(MAUserLocation *)userLocation updatingLocation:(BOOL)updatingLocation
{
NSLog(@"定位成功");
CLLocation *location = userLocation.location;
CLLocationCoordinate2D coordinate = location.coordinate;
NSLog(@"我的坐标位置:%f, %f", coordinate.longitude, coordinate.latitude);
// 定位后,可设置停止定位
// _maMapView.showsUserLocation = NO;
}
- 添加标注(大头针)
//添加标注
MAPointAnnotation *annotation = [[MAPointAnnotation alloc] init];
annotation.coordinate = coordinate; //设置标注的坐标
annotation.title = @"高德地图标题"; //设置标题
annotation.subtitle = @"副标题"; //设置副标题
[_maMapView addAnnotation:annotation]; //将标注添加在地图上
- 标注的复用及定制
pragma mark - 定制标注视图(和原生地图定制方式类似)
- (MAAnnotationView *)mapView:(MAMapView *)mapView viewForAnnotation:(id)annotation
{
//不定制自己位置的标注视图
if ( [annotation isKindOfClass:[MAUserLocation class]]) {
return nil;
}
if 1
// 1、自带的标注视图
MAPinAnnotationView *pinAnnView = (MAPinAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:@"ID"];
if ( !pinAnnView ) {
pinAnnView = [[MAPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"ID"];
}
// 是否可弹出视图
pinAnnView.canShowCallout = YES;
// 设置掉落动画
pinAnnView.animatesDrop = YES;
// 设置标注颜色
pinAnnView.pinColor = MAPinAnnotationColorGreen;
// 设置左视图
UIView *leftView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];
leftView.backgroundColor = [UIColor blueColor];
pinAnnView.leftCalloutAccessoryView = leftView;
//设置右视图
UIButton *rightBtn = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];
pinAnnView.rightCalloutAccessoryView = rightBtn;
return pinAnnView;
else
//2、自定义标注视图
MAAnnotationView *customView = [mapView dequeueReusableAnnotationViewWithIdentifier:@"ID2"];
if ( !customView ) {
customView = [[MAAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"ID2"];
}
//设置点击大头针可以显示气泡
customView.canShowCallout = YES;
//设置大头针图片
customView.image = [UIImage imageNamed:@"marker"];
//设置左视图
UIView *leftView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];
leftView.backgroundColor = [UIColor blueColor];
customView.leftCalloutAccessoryView = leftView;
//设置右视图
UIButton *rightBtn = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];
customView.rightCalloutAccessoryView = rightBtn;
return customView;
endif
}
添加长按手势
UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPress:)];
[_maMapView addGestureRecognizer:longPress];
pragma mark -- 长按手势Action
-(void)longPress:(UILongPressGestureRecognizer *)longPress
{
if (longPress.state != UIGestureRecognizerStateBegan) {
return;
}
//获取点位置
CGPoint point = [longPress locationInView:_maMapView];
//将点位置转换成经纬度坐标
CLLocationCoordinate2D coordinate = [_maMapView convertPoint:point toCoordinateFromView:_maMapView];
//在该点添加一个大头针(标注)
MAPointAnnotation *pointAnn = [[MAPointAnnotation alloc] init];
pointAnn.coordinate = coordinate;
pointAnn.title = @"长按的大头针";
pointAnn.subtitle = @"副标题";
[_maMapView addAnnotation:pointAnn];
}
AMapSearchKit:
搜索周边
创建AMapSearchAPI对象,配置APPKEY,同时设置代理对象为self
searchAPI = [[AMapSearchAPI alloc] initWithSearchKey:APIKEY Delegate:self];
a) 创建搜索周边请求类
AMapPlaceSearchRequest *searchRequest = [[AMapPlaceSearchRequest alloc] init];
b) 设置搜索类型(按关键字搜索)
searchRequest.searchType = AMapSearchType_PlaceKeyword;
c) 设置关键字
searchRequest.keywords = keywordsTextField.text;
d) 设置搜索城市
searchRequest.city = @[@"广州"];
e) 开始搜索
[searchAPI AMapPlaceSearch:searchRequest];
- 搜索周边回调方法
a) 搜索失败
- (void)searchRequest:(id)request didFailWithError:(NSError *)error
{
NSLog(@"搜索失败");
}
b) 搜索成功
-(void)onPlaceSearchDone:(AMapPlaceSearchRequest *)request response:(AMapPlaceSearchResponse *)response
{
//清空原来的标注(大头针)
[_maMapView removeAnnotations:_maMapView.annotations];
//判断是否为空
if (response) {
//取出搜索到的POI(POI:Point Of Interest)
for (AMapPOI *poi in response.pois) {
//poi的坐标
CLLocationCoordinate2D coordinate =
CLLocationCoordinate2DMake(poi.location.latitude, poi.location.longitude);
//地名
NSString *name = poi.name;
//地址
NSString *address = poi.address;
//用标注显示
MAPointAnnotation *pointAnn = [[MAPointAnnotation alloc] init];
pointAnn.coordinate = coordinate;
pointAnn.title = name;
pointAnn.subtitle = address;
[_maMapView addAnnotation:pointAnn];
}
}
}
- 添加折线
pragma mark - 画折线
-(void)drawPolyLine
{
//初始化点
NSArray *latitudePoints =[NSArray arrayWithObjects:
@"23.172223",
@"23.163385",
@"23.155411",
@"23.148765",
@"23.136935", nil];
NSArray *longitudePoints = [NSArray arrayWithObjects:
@"113.348665",
@"113.366056",
@"113.366128",
@"113.362391",
@"113.356785", nil];
// 创建数组
CLLocationCoordinate2D polyLineCoords[5];
for (int i=0; i<5; i++) {
polyLineCoords[i].latitude = [latitudePoints[i] floatValue];
polyLineCoords[i].longitude = [longitudePoints[i] floatValue];
}
// 创建折线对象
MAPolyline *polyLine = [MAPolyline polylineWithCoordinates:polyLineCoords count:5];
// 在地图上显示折线
[_maMapView addOverlay:polyLine];
}
pragma mark - 定制折线视图
-(MAOverlayView *)mapView:(MAMapView *)mapView viewForOverlay:(id)overlay
{
if ([overlay isKindOfClass:[MAPolyline class]]) {
MAPolylineView *polyLineView = [[MAPolylineView alloc] initWithPolyline:overlay];
polyLineView.lineWidth = 2; //折线宽度
polyLineView.strokeColor = [UIColor blueColor]; //折线颜色
polyLineView.lineJoinType = kMALineJoinRound; //折线连接类型
return polyLineView;
}
return nil;
}
iOS原生地图与高德地图的使用的更多相关文章
- React Native填坑之旅 -- 使用iOS原生视图(高德地图)
在开发React Native的App的时候,你会遇到很多情况是原生的视图组件已经开发好了的.有的是系统的SDK提供的,有的是第三方试图组件,总之你的APP可以直接使用的原生视图是很多的.React ...
- IOS原生地图与高德地图
原生地图 1.什么是LBS LBS: 基于位置的服务 Location Based Service 实际应用:大众点评,陌陌,微信,美团等需要用到地图或定位的App 2.定位方式 1.GPS定位 ...
- iOS之原生地图与高德地图
原生地图 1.什么是LBS LBS: 基于位置的服务 Location Based Service 实际应用:大众点评,陌陌,微信,美团等需要用到地图或定位的App 2.定位方式 1.GPS定位 2. ...
- ios 一步一步学会自定义地图吹出框(CalloutView)-->(百度地图,高德地图,google地图)
前言 在 ios上边使用地图库的同学肯定遇到过这样的问题:吹出框只能设置title和subtitle和左右的view,不管是百度地图还是高德地图还是自带的 google地图,只提供了这四个属性,如果想 ...
- iOS打开百度地图、高德地图导航
1.判断手机里是否已经安装了百度地图或者高德地图: BOOL hasBaiduMap = NO; BOOL hasGaodeMap = NO; if ([[UIApplication sharedAp ...
- arcgis api 3.x for js 入门开发系列十七在线天地图、百度地图、高德地图(附源码下载)
前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类 ...
- 百度地图和高德地图坐标系的互相转换 四种Sandcastle方法生成c#.net帮助类帮助文档 文档API生成神器SandCastle使用心得 ASP.NET Core
百度地图和高德地图坐标系的互相转换 GPS.谷歌.百度.高德坐标相互转换 一.在进行地图开发过程中,我们一般能接触到以下三种类型的地图坐标系: 1.WGS-84原始坐标系,一般用国际GPS纪录仪记 ...
- 在WPF中使用谷歌地图和高德地图
原文:在WPF中使用谷歌地图和高德地图 在桌面软件开发中可能会遇到这样的需求:显示地图. 常用的地图API有Google Map和高德地图.二者都提供了各种平台的API. 为了方便集成,本文使用Jav ...
- iOS第三方地图-高德地图(导航sdk路径规划)
@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/c ...
随机推荐
- Java系统属性与Preferences API的简单介绍
系统属性在和Preferences API都是键值对,前者只能当前应用程序中共享数据,而后者可以在用户的各个应用或用户之间共享数据. 系统属性 Java 的系统属性决定了 Java 程序实际运行的环境 ...
- HTML&CSS Table元素详细解说
1.预热 css样式多如牛毛,我不可能一个一个去讲,那样好像背字典一样,我相信你们也不喜欢这样的方式.所以,我会在实战中慢慢和你讲解,然后,你记住一些重要的css属性就可以了.关键是,你要学会去查资料 ...
- x01.Weiqi.13: 鼎力推荐
鼎力推荐 : 点击后即可观看,小伙子讲的很有深度. 说到深度,自然离不了深度学习.AlphaGo 的横空出世,似乎很有学习的必要. MuGo: 点击下载后,发现是 python,自然免不了一番学习,好 ...
- WeMall商城系统的Android app商城中的wemall-mobile代码
wemall-mobile是基于WeMall的android app商城,只需要在原商城目录下上传接口文件即可完成服务端的配置,客户端可定制修改. [适合研究学习,支持wemall3.x版本] 1.快 ...
- 1339 / 1163: [Baltic2008]Mafia
1163: [Baltic2008]Mafia Time Limit: 10 Sec Memory Limit: 162 MBSubmit: 96 Solved: 60[Submit][Statu ...
- IIS HTTP 错误 500.19 - Internal Server Error HTTP 错误 401.3 - Unauthorized 解决办法
前言:IIS是一个强大的服务器管理器,当遇到 IIS HTTP 错误 500.19 - Internal Server Error HTTP 错误 401.3 - Unauthorized 的解决办 ...
- 笔记本win10关机异常解决
自从使用了win10 以后,小编已经情不自禁的爱上了她——迄今为止最NB的windows系统 但令人头疼的问题也随之而来,前几天购置了一款三星的SSD固态硬盘,马上就装了win10,某天晚上关机以后发 ...
- GCC命令
一. 常用编译命令选项 源程序test.c 1. 无选项编译链接用法:#gcc test.c作用:将test.c预处理.汇编.编译并链接形成可执行文件.这里未指定输出文件,默认输出为a.out. 2. ...
- setDefaultCloseOperation()参数得使用说明
System.exit(0)是退出整个程序,如果有多个窗口,全部都销毁退出.setDefaultCloseOperation()是设置用户在此窗体上发起 "close" 时默认执行 ...
- JavaScript入门必备
1.JavaScript和Java没有关系,JavaScript是一门(客服端)脚本语言,并且是一个解释性语言. 2.添加JavaScript的方法 (1)内联:通过<script>js代 ...