一些简单认识:与地图相关的一个库是MapKit ,MapKit是用于地图展示的，例如大头针，路线、覆盖层展示等（着重界面展示）
使用步骤:导入头文件->创建一个MKMapView控件,这个控件专门用来展示地图的.
一.地图的基本使用
*地图的类型
MKMapTypeStandard 普通地图
MKMapTypeSatellite卫星云图
MKMapTypeHybrid 混合模式（普通地图覆盖于卫星云图之上 ）
MKMapTypeSatelliteFlyover 3D立体卫星 （iOS9.0+）
KMapTypeHybridFlyover 3D立体混合 （iOS9.0+）
简单示例mapView.mapType = .standard//本文中出现的mapView代表MKMapView的一个实例对象
*地图的操作项
self.mapView.zoomEnabled = ture; // 是否缩放
self.mapView.scrollEnabled = ture; // 是否滚动
self.mapView.rotateEnabled = ture; // 是否旋转
self.mapView.pitchEnabled = ture; // 是否显示3DVIEW
*地图的显示项
self.mapView.showsCompass = ture; // 是否显示指南针
self.mapView.showsScale = ture; // 是否显示比例尺
self.mapView.showsTraffic = ture; // 是否显示交通
self.mapView.showsBuildings = ture; // 是否显示建筑物
简单示例:mapView.showsPointsOfInterest = true//显示兴趣点
注意:显示项也会受到地图类型的影响
*地图的其他使用
1.显示用户位置
self.mapView.showsUserLocation = ture
效果:该显示方式只是在地图上显示一个蓝点,代表用户的位置,地图不会缩放, 而且当用户位置移动时, 地图不会跟随用户位置移动而移动
注意:iOS8.0之后想要获取用户的位置,必须主动请求用户授权.
2.设置定位的追踪模式
mapView.userTrackingMode = .followWithHeading
效果:会在地图上显示一个蓝点, 标识用户所在位置; 而且地图缩放到合适比例,显示用户位置, 当用户位置移动时, 地图会跟随用户位置移动而移动; 但是有时候失效(不是很灵敏);
[其他追踪模式]
mapView.userTrackingMode = .follow//效果:不带方向的追踪,显示用户的位置,并且会跟随用户移动
mapView.userTrackingMode = .none//效果:不追踪,不显示用户位置
mapView的代理方法介绍:
///当用户的位置发生改变的时候,就会来到didUpdateuserLocation方法
///在地图上显示一个蓝色的圆点来标注用户的位置
/// - Parameters:
/// - mapView:地图视图
/// - userLocation:大头针数据模型(遵守了MKAnnotation协议的)
funcmapView(_mapView:MKMapView, didUpdate userLocation:MKUserLocation) {
//设置大头针的标题和子标题
userLocation.title = "北京"
userLocation.subtitle = “天安门广场"
// 设置地图的中心点一直为用户的位置,可以实现追踪用户的位置
// 缺陷:默认情况下不会方法地图的显示区域,需要手动放大
letcoordinate = userLocation.coordinate
mapView.setCenter(coordinate, animated:true)
//设置用户中心点的区域
// center :地图的中心点(经度和纬度)
// span :区域的跨度,在地图上东西经各180度,总共360度,显示的区域跨度为0-360度之间,南北纬各90度,总共180度,显示的区域跨度为0-180度,结论:区域跨度设置的越小,那么看到的内容就越清晰
letspan = MKCoordinateSpan(latitudeDelta:0.0067811783024751549, longitudeDelta:0.004852119671184596)
letregion = MKCoordinateRegion(center: coordinate, span: span)
mapView.setRegion(region, animated:true)
}
///当区域改变的时候就会来到regionDidChangeAnimated animated方法
///区域改变的条件: 1.地图中心点发生改变|| 2.跨度发生改变
/// - Parameters:
/// - mapView:地图视图
/// - animated:动画
funcmapView(_mapView:MKMapView, regionDidChangeAnimated animated:Bool) {
print(mapView.region.span)
}
二.地图上的大头针
理论支持:在地图上操作大头针,实际上是控制大头针数据模型,通过修改模型,就可以控制大头针的位置.
由于系统的大头针模型是只读的,不能进行修改,所以我们想要操作大头针,需要自定义大头针模型.
自定义大头针模型步骤:
0.导入MapKit模块
1.创建一个类继承NSObject
2.遵守MKAnnotation协议
3.实现MKAnnotation协议里面的所有方法,去掉只读限制
varcoordinate:CLLocationCoordinate2D=CLLocationCoordinate2D(latitude:0, longitude:0)
vartitle:String?
varsubtitle:String?
点击地图,在点击的位置插入大头针的简单实现:
class ViewController:UIViewController{
@IBOutlet weak var mapView:MKMapView!
lazy var geoc :CLGeocoder = {
return CLGeocoder()
}()
override func touchesBegan(_touches:Set, with event:UIEvent?) {
//要求:鼠标点击在地图哪个位置,就在对应的位置添加一个大头针
// 1获取在控件上点击的点
let point = touches.first?.location(in:mapView)
// 1.1将控件上面的点(CGPoint),转为经纬度
let coordinate = mapView.convert(point!, toCoordinateFrom:mapView)
// 1.2创建大头针数据模型,并添加到地图上
//注意:必须先设置title和subTitle的占位字
let annotation = addAnnotation(coordinate: coordinate, title:"北京", subTitle:"天安门广场")
// 2.标注弹框中显示对应的城市和街道(反地理编码)
let location = CLLocation(latitude: coordinate.latitude, longitude: coordinate.longitude)
geoc.reverseGeocodeLocation(location, completionHandler: {clpls,error in
// 2.1.判断是否有错
if error != nil {
return
}
// 2.2.取出地标对象
guard let clpl = clpls?.first else {return}
// 2.3.更新大头针的标题和子标题
annotation.title= clpl.locality
annotation.subtitle= clpl.name
})
}
///添加一个自定义模型的大头针
///
/// - Parameters:
/// - coordinate:大头针的经纬度
/// - title:标题
/// - subTitle:子标题
func addAnnotation(coordinate :CLLocationCoordinate2D, title :String, subTitle :String) ->CHAnnotation{
// 1.创建一个大头针
let annotation = CHAnnotation()
// 2.确定大头针的经纬度(在地图上显示的位置)
annotation.coordinate = coordinate
// 3.设置标题和子标题
annotation.title = title
annotation.subtitle = subTitle
// 4.添加到地图上
mapView.addAnnotation(annotation)
return annotation
}
补充大头针的移除实现代码
let annotations = mapView.annotations mapView.removeAnnotations(annotations)
自定义大头针
理论支持:
1.如果你想要自定义大头针视图,必须使用MKAnnotationView或者自定义它的子类,系统使用的大头针类是MKPinAnnotationView
2.大头针也有重用机制,跟tableViewCell差不多类似的使用
mapView的代理方法介绍:
///当在地图上添加一个大头针数据模型时,系统就会自动调用viewFor annotation代理方法,来设置对应的大头针视图
///如果不实现该方法,或者实现了返回nil,则默认使用系统的大头针
///
/// - Parameters:
/// - mapView:地图视图
/// - annotation:大头针数据模型
/// - Returns:返回创建好的大头针视图
func mapView(_mapView:MKMapView, viewFor annotation:MKAnnotation) ->MKAnnotationView? {
// 1.创建标识
let pinID = "pinID"
// 2.通过标识从缓存池中取出大头针视图
var annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: pinID)
// 3.判断大头针视图是否存在,如果不存在则创建
if annotationView == nil {
annotationView = MKAnnotationView(annotation: annotation, reuseIdentifier: pinID)
}
// 4.更新大头针数据模型
annotationView?.annotation = annotation
// 5.设置大头针样子
//如果自定义了大头针视图,必须要指定长什么样(否则不显示大头针!!!)
annotationView?.image = UIImage(named:"category_5.png")
//设置弹框(因为默认是不弹的)
annotationView?.canShowCallout =true
//设置大头针的中心偏移量
// annotationView?.centerOffset = CGPoint(x: -50, y: 50)
/***********设置大头针弹框的样式***********/
//设置弹框的偏移量
//annotationView?.calloutOffset = CGPoint(x: 50, y: 50)
//添加弹框左边的控件
let imageV = UIImageView(frame: CGRect(x:0, y:0, width:50, height:50))
let image = UIImage(named:"htl.jpeg")
imageV.image = image
annotationView?.leftCalloutAccessoryView = imageV
//添加弹框右边的控件
let imageV1 = UIImageView(frame: CGRect(x:0, y:0, width:50, height:50))
let image1 = UIImage(named:"eason.jpg")
imageV1.image = image1
annotationView?.rightCalloutAccessoryView = imageV1
//添加底部的控件
annotationView?.detailCalloutAccessoryView = UISwitch()
returnannotationView
}
///当拖拽大头针视图的时候开始调用annotationView viewdidChangefromOldStat方法
/// - Parameters:
/// - mapView:地图视图
/// - view:大头针视图
/// - newState:新的状态
/// - oldState:老的状态
func mapView(_mapView:MKMapView, annotationView view:MKAnnotationView, didChange newState:MKAnnotationViewDragState, fromOldState oldState:MKAnnotationViewDragState) {
print(newState.rawValue, oldState.rawValue)
//在这里进行反地理编码,显示实际的地方名字
}
三.推荐
在开发中,一般都是集成百度地图来进行使用,关于百度地图和导航的API的使用,百度有非常具体的说明,大家可以在网上搜索,按照他的指导来进行配置和使用,一般都不会有什么问题的.
