十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
用过微信的应该都知道这个功能,对方发一个位置给你,点进去地图展示对方跟你的当前位置,界面提供了选择各个地图应用进行导航,更好这次需求也要搞这个功能。
创新互联公司是一家专业提供安州企业网站建设,专注与网站制作、网站设计、H5场景定制、小程序制作等业务。10年已为安州众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
这个功能实现不难,个人感觉比应用内嵌入第三方地图导航SDK用起来更舒服,更接地气,逼格也高点,主要要的是简单(毕竟人家啥都处理好了)。
上项目效果图(还是想吐槽下傻逼的产品,为啥不直接照搬微信的界面,至少比自己的好看)
这里有一个重点,主要是弹出的选择框的选项并不是固定的,而是根据你手机上有没有安装这个地图应用,没有就不会出现。
这里就要用到
- (BOOL)canOpenURL:(NSURL*)urlNS_AVAILABLE_IOS(3_0);
判断手机上有没有安装该地图应用。
所以要知道地图应用的url Scheme。
这里提供了几个常用地图应用的url Scheme:
baidumap//百度地图
iosamap//高德地图
comgooglemaps//谷歌地图
qqmap//腾讯地图
….//其他地图省略
苹果地图不需要,因为它是苹果地图啊,这样也好,能保证没有安装其他地图app,至少还有一个苹果地图,而且苹果地图在IOS9也做的越来越好了,本身API提供了一个跳转打开方法。
这里插入一个小细节,在IOS9之后,苹果进一步完善了安全机制,必须在plist里面设置url scheme白名单,不然无法打开对应的应用
前方高能,重点来了!!!!
这里我抽了个方法返回支持导航的地图信息数组:
这里只要传入提供的坐标点,就打包好了需要的信息。
什么,你说弹出?那玩意自己去写,不想写,自己去找,不然就用系统的actionSheet。
最后结尾还有个小插曲,由于我们后台给的目标经纬度是百度坐标系,项目用的也是百度地图,界面上展示是没啥问题了,但是由于不同的地图有自己的坐标系,而要用它们进行导航,那传给它们的必须是标准的经纬度坐标,这就蛋疼了,百度这坑爹只有提供了标准的转成它自己的坐标系,而没有提供反转的方法,去官网开发者社区发帖,也没用,只是回答你没有提供,所以我猜传言百度地图SDK是实习生写的还是有一定的可靠性。
没办法,只能求爷爷告奶奶,去查找对应的资料,还是找到一个第三方的转换方法 ,但是仍然有一定的偏差,能接受的就接受吧。
demo:
demo中有两处这样的判断
原因是如下
1,App 调起百度地图路线规划进行导航。百度 URL API :
2,App 调起高德地图路线规划进行导航。高德 URL API:
LSApplicationQueriesSchemes
1,App 调起系统自带高德地图路线规划进行导航。
[img]使用: [[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:@"白名单://"]] 判断是否安装白名单里面的App.
苹果自带的地图不需要设置白名单,需要设置终点的经纬度就行,需要导入 #import MapKit/MapKit.h 头文件
可以参考: 百度地图官方文档 实现如下:
参数设置可以参考文档
可以参考: 高德地图官方文档 实现如下:
可以参考: 腾讯地图官方文档 实现如下:
.h
.m
1 适用环境
移动设备浏览器端应用和移动App应用均可调起iOS版百度地图。
2 协议形式
无论是基于移动浏览器端的应用开发还是基于iOS
SDK的应用开发均可采用如下协议调起iOS版百度地图。该协议要正确执行除了要参数填写正确外,还必须要安装iOS百度地图。
protocol://product/[service/]action[?parameters] //parameters功能参数定义,具体规范见功能协议说明
示例:
baidumap://map/direction?origin=中关村destination=五道口mode=drivingregion=北京
//本示例是通过该URL启动地图app并进入北京市从中关村到五道口的驾车导航路线图
组成说明:
参数名称
参数说明
是否必选
备注
protocol
产品线协议头,例如baidumap表示百度地图
必选
product
产品线名称,例如如百度地图客户端(map)
必选
product下可直接跟方法,当然产品线也可增加一个service级别
service
具体功能服务名称,如POI检索服务(place)
必选
action
方法名称,如POI检索中的详情检索(detail)
必选
parameters
方法参数,参考各个功能协议说明的定义
必选
3 功能使用说明
3.1 标注
调用该接口可调起IOS百度地图,且在指定坐标点上显示点的名称和内容信息。
服务地址
baidumap://map/marker //iOS服务地址
参数说明
参数名称
参数说明
是否必选
备注
location
lat纬度,lng经度
必选
title
标注点显示标题
必选
product下可直接跟方法,当然产品线也可增加一个service级别
content
标注点显示内容
必选
coord_type
坐标类型,可选参数,默认为bd09ll。
可选
允许的值为bd09ll、gcj02、wgs84。bd09ll表示百度经纬度坐标,
gcj02表示经过国测局坐标,wgs84表示gps获取的坐标。
zoom
展现地图的级别,默认为视觉最优级别。
可选
src
调用来源,规则:companyName|appName。
必选
此参数不传值,不保证服务。
代码片段
//网页应用调起iOS百度地图方式举例
a href="baidumap://map/marker?location=40.047669,116.313082title=我的位置content=百度奎科大厦src
=yourCompanyName|yourAppName"地图标点/a