程序员必知:地图显示的步骤

简介: 程序员必知:地图显示的步骤

1.MapKit: 着重与在手机上显示地图,地图上可以显示路线,覆盖层,大头针

2.如何添加大头针:

#需要自定义,因为用户的大头针位置是无法改变

#自定义注意点:

#要遵守MKAnnotation这个协议

#实现这个协议必须实现的方法

#**可以给协议增加方法,以达到设置这个属性的值

#创建大头针

#设置经纬度(title, subTitle)

#添加到地图上面

3.大头针的理论基础

#操作大头针就是操作大头针数据模型

#添加大头针就是添加大头针的数据模型

#删除大头针就是删除大头针的数据模型

4.大头针是如何显示出来的

#当将一根大头针的数据模型添加到地图上时,会调用对应的代理方法,在内部创建大头针视图并返回,之后显示在地图上

#**系统默认的大头针的视图的类型MKPinAnnotationView

一.代码:01-01(掌握)地图的基本使用(显示类型地图控制显示控制) // POI: point of intreset

七.代码: 07-01(了解)导航-方案3-第三方-百度地图-集成百度地图SDK(百度开发平台模块: iOS地图SDK)

# 1.生成秘钥key: "iA5UyEGFTdQ4iFe6FGdeGryhjPfpUXFm

# 2.配置inf.plist文件: 01."App Transport Security Settings""Allow Arbitrary Loads"

# 02."Privacy - Location When In Use Usage Description"--"地图定位测试"

# 或者"NSLocationAlwaysUsageDescription"--"地图定位测试"

# 03."Bundle display name"--"$(PRODUCT_NAME)"

# 04.添加系统以来库: // CoreLocation.framework

// QuartzCore.framework

// OpenGLES.framework

// SystemConfiguration.framework

// CoreGraphics.framework

// Security.framework

// libsqlite3.0.tbd(xcode7以前为 libsqlite3.0.dylib)、CoreTelephony.framework

// libstdc++.6.0.9.tbd(xcode7以前为libstdc++.6.0.9.dylib)

# 05.单独引入mapapi.bundle资源文件(在"BaiduMapAPIMap.framework"中)

七.代码: 07-01(了解)导航-方案3-第三方-百度地图-集成百度地图SDK

# 1.初始化检索对象,并设置BMKPoiSearch 代理

// 实现代理: 返回POI搜索结果

//func onGetPoiResult( searcher: BMKPoiSearch!, result poiResult: BMKPoiResult!, errorCode: BMKSearchErrorCode) {...}

/// 当检索到结果的时候会来到的方法

//当在设置城市未找到结果,但在其他城市找到结果时,回调建议检索城市列表

# 2. 设置BMKMapView代理

// 实现代理: 长按地图时会回调此接口

//func mapview(_ mapView: BMKMapView!, onLongClick coordinate: CLLocationCoordinate2D) {...}//代码效果参考:http://www.ezhiqi.com/zx/art_3012.html

//发起检索

七.代码: 07-03(了解)导航-方案3-第三方-百度地图-添加大头针

# 1.设置地图显示区域:

//let span = BMKCoordinateSpan(...)

//let region = BMKCoordinateRegion(...)

//mapView.setRegion(region, animated: true)

# 2.获取poi列表: poiResult.poiInfoList as? 【BMKPoiInfo】

# 3.添加大头针:

//let annotaion = BMKPointAnnotation()

//annotaion.coordinate = poiInfoList.pt

//annotaion.title = poiInfoList.name

//annotaion.subtitle = poiInfoList.address

//mapView.addAnnotation(annotaion)

七.代码: 07-04(了解)导航-方案3-第三方-百度地图-集成百度导航SDK(百度开发平台模块: iOS导航SDK)

# 小功能: "双指放大缩小: commamd + option

# 1.导入BaiduNaviSSDK

# 2.设置定位服务,并设置代理:

"lazy var locService : BMKLocationService = {...}()

# 3.遵守并实现位置服务代理

// 1.获取用户位置

// 获取用户一次位置

"locService.stopUserLocationService()

// 2.进行导航

// 节点数组

"var nodesArray = 【BNRoutePlanNode】()

// 3.起点

"let startNode = BNRoutePlanNode()

"nodesArray.append(startNode)

// 4.终点

"let endNode = BNRoutePlanNode()

"nodesArray.append(endNode)

// 5.发起路径规划

"BNCoreServices.routePlanService().startNaviRoutePlan(BNRoutePlanModeRecommend, naviNodes: nodesArray, time: nil, delegete: self, userInfo: nil)

# 4.遵守并实现算路代理

// 算路成功回调

"func routePlanDidFinished( userInfo: 【AnyHashable : Any】!) {...}//代码效果参考:http://www.ezhiqi.com/zx/art_362.html

//路径规划成功,开始导航

"BNCoreServices.uiService().showPage(BNaviUI_NormalNavi, delegate: nil, extParams: nil)

完事皆项目,感兴趣可联系我邮箱~hjjuny@163.com

相关文章
|
7月前
|
算法 定位技术 C语言
【python实操】软件安装进展提示进度条如何实现的?如何设置窗体拉伸?如何获取输入框内容?
【python实操】软件安装进展提示进度条如何实现的?如何设置窗体拉伸?如何获取输入框内容?
99 0
Echarts实战案例代码(19):利用visualMap视觉映射组件制作五色玫瑰工作进程图
Echarts实战案例代码(19):利用visualMap视觉映射组件制作五色玫瑰工作进程图
245 0
|
5月前
|
小程序 定位技术 API
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
545 0
|
7月前
|
图形学 Python
PyQt中图表的建立与显示(完整过程演示)
PyQt中图表的建立与显示(完整过程演示)
166 0
|
7月前
|
JSON 定位技术 API
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
80 0
|
移动开发 定位技术 Android开发
可直接复制,踩坑以及解决方法,成功版本)uniapp H5地图选点经纬度,地址详细信息
可直接复制,踩坑以及解决方法,成功版本)uniapp H5地图选点经纬度,地址详细信息
621 1
可直接复制,踩坑以及解决方法,成功版本)uniapp H5地图选点经纬度,地址详细信息
|
7月前
|
移动开发 JavaScript 前端开发
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)(上)
HTML新特性【规划公交路线、规划步行路线、定位、自定义视角动画、账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置】(五)-全面详解(学习总结---从入门到深化)
130 0
|
前端开发 定位技术
地图开发实战案例:高德地图的标注、信息窗口的实战实例
地图开发实战案例:高德地图的标注、信息窗口的实战实例
181 0
|
定位技术
Echarts实战案例代码(27):地理坐标图视觉引导线及富文本提示框的案例
Echarts实战案例代码(27):地理坐标图视觉引导线及富文本提示框的案例
455 0
|
数据可视化
【Axure教程】动态玫瑰图
【Axure教程】动态玫瑰图