高德导航插件

已于 2023-03-20 09:22:17 修改
阅读量542 收藏 1
点赞数
分类专栏： uniapp android原生插件开发 文章标签： uni-app
于 2021-01-11 09:36:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liujucai/article/details/108382679
版权

uniapp 高德导航插件地址：https://ext.dcloud.net.cn/plugin?id=2688

高德导航demo体验：

在这里插入图片描述

使用文档说明

1.首先需要先申请高德Key

高德开发api官网

进入控制台，点击应用管理，配置包名，申请高德apiKey

查询uniapp SHA1签名步骤

1） 将项目打包，然后把apk修改后缀为 .zip文件后解压；
2） 进入解压后的META-INF目录，该目录下会存在文件CERT.RSA
3） 在该目录下打开cmd，输入命令 ：keytool -printcert -file CERT.RSA 这里将会显示出MD5和SHA1签名。

2.插件如何调用说明

1.初始化

const gaodeMap = uni.requireNativePlugin('gaode-map');

2.地图隐私合规检查接口

            //隐私权政策是否包含高德开平隐私权政策  true是包含
            var isContains = true;//隐私权政策是否包含高德开平隐私权政策  true是包含
            var isShow = true;//隐私权政策是否弹窗展示告知用户 true是展示 
            gaodeMap.updatePrivacyShow(isContains,isShow)

            //隐私权政策是否取得用户同意  true是用户同意
            gaodeMap.updatePrivacyAgree(true)

2.（起点，途径点，终点）导航

参数1：起点 可为空 [ ]
*参数2：途径点（最多支持三个) 可为空 [ ]
参数3：终点

	getShowRoute(){
				
				//起点 
				let start = {
					Name: '三元桥',
					Lat: 39.904556,
					Lng: 116.427231,
					ID: ""
				};
				//途径点（最多支持三个)
				let wayList = [];
				let json = {
					Name: '团结湖',
					Lat: 39.93413,
					Lng: 116.461676,
					ID: ""
				}
				let json1 = {
					Name: '华润大厦',
					Lat: 39.912914,
					Lng: 116.434247,
					ID: ""
				};
				wayList.push(json);
				wayList.push(json1);
				//终点
				let end = {
					Name: '北京站',
					Lat: 39.974556,
					Lng: 116.427231,
					ID: ""
				};
				gaodeMap.gotoShowRoute([],wayList,end,(res)=>{
					console.log(res)
				});
				/* gaodeMap.gotoShowRoute(start, wayList, end, (res) => {
					console.log(res)
				}); */
				/* gaodeMap.gotoShowRoute(start,[],end,(res)=>{
					console.log(res)
				}); */
				/* gaodeMap.gotoShowRoute([],[],end,(res)=>{
					console.log(res)
				}); */
			
			}

3.驾车导航

参数： {
//起始点位置纬度
startLat: this.latlng.lat,
//起始点位置经度
startLng: this.latlng.lng,
//起点名称 可省去不写
startName: “A”,
//终点纬度
endLat: this.latlng.lat + 0.00530826,
//终点经度
endLng: this.latlng.lng + 0.00403157,
//终点名称 可省去不写
endName: “B”
}

gaodeMap.gotoDriveRoute(mapNavi);

4.驾车导航（设置导航策略）

	/* 设置驾车策略导航 */
				let mapStrategy = {
					//起始点位置纬度
					startLat: this.latlng.lat,
					//起始点位置经度
					startLng: this.latlng.lng,
					//终点纬度
					endLat: this.latlng.lat + 0.00530826,
					//终点经度
					endLng: this.latlng.lng + 0.00403157,
					/* ongestion：躲避拥堵
						avoidhightspeed：不走高速
						cost：避免收费
						hightspeed：高速优先
						multiple：多路径 */
					congestion:true,
					avoidhightspeed:true,
					cost:false,
					hightspeed:false,
					multiple:false
				}
				gaodeMap.gotoDriveStrategy(mapStrategy, function(res) {
					console.log(res)
				});

5.骑行导航

	gaodeMap.gotoDriveRoute(mapNavi, function(res) {
					console.log(res)
				});

6.步行导航

/* 步行导航 当前位置，终点距离不能超过100公里 */
				gaodeMap.gotoWalkRoute(mapNavi, function(res) {
					console.log(res)
				});

7. 直接导航

	/* 直接导航 */
				gaodeMap.gotoStartGaoDeNav(mapNavi, function(res) {
					console.log(res)
				});

8.货车导航

//货车导航
				let car={ 
					carInfo:{
					        carNumber:"京DFZ239",//车号
					        carType:"1",//设置车辆类型，0小车，1货车
							vehicleSize:"4",//设置货车的等级
					        vehicleHeight:"4",//设置货车的高度，单位：米。
					        vehicleWeight:"96",//设置货车的自重
					        vehicleLoad:"100",//设置货车的载重，单位：吨
					        vehicleWidth:"2",//设置货车的最大宽度，单位：米。 如:1.8，1.5等等。
					        vehicleLength:"25",//设置货车的最大长度，单位：米
					        vehicleAxis:"6",设置货车的轴数
							vehicleLoadSwitch:true,//设置车辆的载重是否参与算路
							restriction:true,//设置是否躲避车辆限行。
					        },
					   poiList:[
					        {
					            Name:"三元桥",
								Lat:39.96087,
					            Lng:116.45798,
					            ID:""
					        },
							{
								Name: '团结湖',
								Lat: 39.93413,
								Lng: 116.461676,
								ID: ""
							}
						],
						end:{
							Name: '北京站',
							Lat: 39.994556,
							Lng: 116.427231,
							ID: ""
						}
						
				};
				gaodeMap.gotoAMapCarInfo(car,true, function(res) {
					console.log(res)
				});

9.自定义导航（接乘客，送乘客到目的地）

为避免勾选讯飞语音造成冲突，所有共用平台的讯飞语音，如使用此方法避免出现白屏，请勾选讯飞语音
在这里插入图片描述

let mapNavi = {
					//当前车位置
					currentPositionLat: this.latlng.lat,
					currentPositionLng: this.latlng.lng,
					//乘客起始点位置纬度
					userStartLat: this.latlng.lat+ 0.00100826, 
					//乘客起始点位置经度
					userStartLng: this.latlng.lng+ 0.00003157,
					startName: "某某路A小区",
					//乘客下车终点纬度
					userEndLat: this.latlng.lat + 0.00900826,
					//乘客下车终点经度
					userEndLng: this.latlng.lng + 0.00603157,
					endName: "某某路某街B小区", 
					phoneNum:"18790275701", //用户手机号
					type:0    //0代表正在前往乘客路上 1代表前往目的地
				}
				gaodeMap.startCustomNavigation(mapNavi, function(res) {
					/* code 200 到达乘客上车点 
					   code 201 到达目的地
					  totalDistance 驾车总距离 单位米
					   getLatLngTime 获取右滑按钮后提交的时间
					   lastLatLng 获取右滑按钮提交后的经纬度
					  */
					console.log(res)
				});

3.返回的code码说明

code码问题说明
0默认值
100导航初始化失败
101启动导航
102定位回调
103线路计算成功
104线路计算失败
105线路规划失败
106路径规划完毕,开始导航
107到达途经点
108到达目的地
109退出导航
110销毁导航
200到达乘客上车点
201到达目的地

4.高德相关错误码说明

响应码问题说明
-1路径计算失败。
2网络超时或网络失败。
3路径规划起点经纬度不合法。
4协议解析错误。
6路径规划终点经纬度不合法。
7算路服务端编码失败。
13key鉴权失败
18请求参数非法。
21途经点经纬度不合法。
22MD5安全码验证未通过。

5.vue使用示例

<script>
	const gaodeMap = uni.requireNativePlugin('gaode-map');
	let mapNavi = {};
	export default {
		data() {
			return {
				latlng: {
					lat: "",
					lng: ""
				}
			}
		},
		onLoad() {
			uni.getLocation({
				success: (res) => {
					console.log(res);
					this.latlng.lat = res.latitude;
					this.latlng.lng = res.longitude;
					mapNavi = {
						//起始点位置纬度
						startLat: this.latlng.lat,
						//起始点位置经度
						startLng: this.latlng.lng,
						startName: "A",
						//终点纬度
						endLat: this.latlng.lat + 0.00530826,
						//终点经度
						endLng: this.latlng.lng + 0.00403157,
						endName: "B"
					}
				}
			})

		},
		methods: {
		//自定义导航 仿打车app*/
			gotoCustomNavigation() {
				let mapNavi = {
					//当前车位置
					currentPositionLat: this.latlng.lat,
					currentPositionLng: this.latlng.lng,
					//乘客起始点位置纬度
					userStartLat: this.latlng.lat + 0.00100826,
					//乘客起始点位置经度
					userStartLng: this.latlng.lng + 0.00003157,
					startName: "某某路A小区",
					//乘客下车终点纬度
					userEndLat: this.latlng.lat + 0.00900826,
					//乘客下车终点经度
					userEndLng: this.latlng.lng + 0.00603157,
					endName: "某某路某街B小区",
					phoneNum: "18790275701", //用户手机号
					type: 0 //0代表正在前往乘客路上 1代表前往目的地
				}
				gaodeMap.startCustomNavigation(mapNavi, function(res) {
					/* code 200 到达乘客上车点 
					   code 201 到达目的地
					  totalDistance 驾车总距离 单位米
					   getLatLngTime 获取右滑按钮后提交的时间
					   lastLatLng 获取右滑按钮提交后的经纬度
					  */
					console.log(res)
				});
			},
			gotoStartGaoDeNav() {
				/* 直接导航 */
				gaodeMap.gotoStartGaoDeNav(mapNavi, function(res) {
					console.log(res)
				});
			},
			gotoRide() {
				/* 骑行导航 */
				gaodeMap.gotoRideRoute(mapNavi, function(res) {
					console.log(res)
				});
			},
			gotoDriveRoute() {
				/* 驾车导航 */
				gaodeMap.gotoDriveRoute(mapNavi, function(res) {
					console.log(res)
				});
			},
			gotoWalkRoute() {
				/* 步行导航 当前位置，终点距离不能超过100公里 */
				gaodeMap.gotoWalkRoute(mapNavi, function(res) {
					console.log(res)
				});
			},
			getShowRoute() {
				//起点 
				let start = {
					Name: '三元桥',
					Lat: 39.904556,
					Lng: 116.427231,
					ID: ""
				};
				//途径点（最多支持三个)
				let wayList = [];
				let json = {
					Name: '团结湖',
					Lat: 39.93413,
					Lng: 116.461676,
					ID: ""
				}
				let json1 = {
					Name: '华润大厦',
					Lat: 39.912914,
					Lng: 116.434247,
					ID: ""
				};
				wayList.push(json);
				wayList.push(json1);
				//终点
				let end = {
					Name: '北京站',
					Lat: 39.974556,
					Lng: 116.427231,
					ID: ""
				};
					gaodeMap.gotoShowRoute([],wayList,end,(res)=>{
					console.log(res)
				});
				/* gaodeMap.gotoShowRoute(start, wayList, end, (res) => {
					console.log(res)
				}); */
				/* gaodeMap.gotoShowRoute(start,[],end,(res)=>{
					console.log(res)
				}); */
				/* gaodeMap.gotoShowRoute([],[],end,(res)=>{
					console.log(res)
				}); */
			}

		}
	}
</script>
河上街
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
高德7.0.仪表投屏 三指飞屏
09-01
部分车型分辨率调节请自行调节！！ 21 23款吉利星瑞 星越 仪表完美显示 其他车型自行修改分辨率！ 支持三指飞屏!!!!
flutter 高德地图插件demo
12-28
在本文中，我们将深入探讨如何在Flutter应用中集成和使用高德地图插件，以便为用户提供地图功能。Flutter是一款由Google开发的开源UI工具包，用于构建高性能、高保真度的跨平台移动应用。而高德地图是中国领先的数字...
uni-app 安卓原生app 使用本地插件 uni.requireNativePlugin(‘ ‘) 的使用以及自定义基座的详解解释
qwer22215的博客
08-26 9587
uni-app 的安卓调试，其为了维持热更新的原理， 将所有不同配置种类逐一都打包了一个遍， 并储存在云端， 不同配置的这类基础非完整apk被统称为基座， 这是为了方便快速更改apk的本地配置而云端快速而又准确的响应。 如果还需要引入apk原生的拓展功能插件， 我们需要分别在本地为每个项目自定义一个额外的包括你所有需要的拓展功能插件的本地apk基座(非完整apk)， 然后打包上传， 该插件基座会与云端的已有基座(该基座配置与你本地配置吻合)相结合快速打包成完整基座， 并返回， 然后真机调试选择这个自定义的
关于uniapp引用mpass报API `requireNativePlugin` is not yet implemented19:28:39.799 [Vue warn]: Error in v
最新发布
m0_68749065的博客
04-26 935
解决方法：弄个自定义基座—>通过usb连接手机测试（如何运行到Android模拟器没弄明白，所以选择直接用自己手机测试）：手机 点击设置—>关于手机—>多次点击软件版本（为了进入开发版本）—>返回上一级—>点击系统和更新—>点击开发人员选择—>开启USB调试—>通过usb线连接手机。/*遇到问题后百度什么的都没解决，逼得孩子加QQ群问人了，一个哥告诉我有些第三方需要自定义基座。主要原因：我当时引用的是云端插件HBX自带的预览运行不了。在结尾希望有人能推给我一个好用的解决办法。这是安卓的 ios的不会。
高德地图插件的使用
smallmww的博客
08-10 172
高德地图插件的使用。
html高德地图插件,vue2.0使用高德地图第三方插件
weixin_29235923的博客
06-23 322
一、申请key###点击下边的网址，创建应用，然后申请key，后期要用到，如果已经有key，忽略这一步 http://lbs.amap.com/dev/key/app二、调用高德地图首先在index.html中加入如下引用image.png三、添加配置在build/webpack.base.conf.js 加入如下配置externals: {'AMap': 'AMap','AMapUI':'AMa...
20150720 高德地图组件快速入门
Hey_Sarah
07-31 743
坐标拾取工具：http://lbs.ampap.com/console/show/picker 组件产品：http://lbs.amap.com/smart/ Key申请：http://lbs.amap.com/console/ Native APP WEB APP html5（定位） 组件实现的功能：位置标注、路线导航、周边搜索（地图调用领域使用最多的三点） 使用前准备：申请
UniApp 制作高德地图插件
wangdaoyin2010的专栏
08-17 2182
注意：使用同一个Key在AS中调试下载等正常，因为在AS中使用的是调试模式，然后SDK中带了调试证书，所以可以正常下载。打包成SDk后放到Uni中生成自定义基座进行调试，这样在高德地图SDK这块就是使用的是你自己配置的ApiKey证书，所以如果这个证书配置错误就出现下载失败。解决思路：不适用高德离线地图组件，通过如下代码手动下载，在OfflineMapManager第二个参数对应类的onDownload方法中可以查看具体的错误代码是多少。问题：so文件引入错误，按照官网方法1引入sdk(so文件)，
高德安卓仪表插件.zip
10-08
从标签来看，“领克高德导航仪表插件 领克 领克车机”，我们可以推断这个插件是专门针对领克品牌汽车的车载信息娱乐系统的。领克是一家知名的汽车制造商，其车机系统可能预装了高德地图，但由于系统升级的原因，原有...
21款领克车机高德地图仪表盘插件
02-23
21款领克车机高德地图仪表盘插件，适用于安卓版车机高德地图
高德地图定位和导航cordova插件
02-25
其次，高德地图导航插件（com.kit.cordova.amapnavigation）则为应用提供了路线规划和导航功能。用户可以根据起始点和目的地设置路线，插件会计算出最佳路径，并在地图上展示。同时，它还可以提供语音导航、实时路况...
amap：高德地图-Qt地图插件
02-05
"amap：高德地图-Qt地图插件" 指的是一个基于Qt框架开发的插件，该插件允许开发者在Qt应用程序中集成高德地图的功能。高德地图是中国领先的数字地图、导航和位置服务提供商，提供路线规划、导航、实时交通信息等服务...
高德地图控件的引用
︶￣城南花已开
05-18 407
高德地图控件，js高德控件
Uniapp——使用安卓原生插件
qq812457115的博客
11-11 7663
uniapp安卓原生插件
Uni-app之Nvue开发细节总结
gcyaozuodashen的博客
07-07 3417
uni-app App端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力适用场景Nvue与vue区别 不能使用百分比布局，如 Nvue与Vue直接可以通过,进行通讯，注意要在界面销毁前调用销毁监听器，或者使用. Nvue与Vue共享数据vuex、uni.storage、globalData。推荐使用vuex（之后会出一篇简书总结vuex使用示例）。 兼容性安卓与iOS区别 作者：大码猴 链接：https://www.jianshu.com/p/2fc394637
Uniapp 原生插件的详细使用步骤（本地插件、云端插件、自制原生插件）
热门推荐
卡尔特斯
01-10 1万+
uniapp 基座、标准基座、自定义基座；传统打包、快速安心打包的区别。原生插件文档本地插件、云端插件。本地插件、云端插件都只能只能使用自定义基座来看效果，每次增删插件都必须要重新打包基座，其实就是将第三方包解析嵌入到包内，然后本地修改的内容跟包内的内容结合达到热更新效果，也能实时看到最新效果。插件增删都需要重新打包自定义基座，通过标准基座运行是无法生效的，会报错找不到哦。基座的打包方式顶部有文章介绍，另外，配置打包信息时，如果没有广告配置，可以将下面的广告配置关掉，默认是勾选的。这里是通过云打包。
高德地图系列（一）：vue项目如何使用高德地图、入门以及基本控件使用
qq_45796592的博客
11-14 5696
vue项目使用高德地图、入门以及基本控件详细使用教程
uniapp App端使用高德地图
weixin_41558432的博客
02-15 1万+
uni App端使用高德地图
高德地图报错updatePrivacyShow、updatePrivacyAgree若未正确设置有崩溃风险-解决方案
FrancisBingo的博客
11-19 7481
一、报错现象 集成高德地图出现崩溃，以前没有问题，报错信息为：updatePrivacyShow、updatePrivacyAgree若未正确设置有崩溃风险 二、问题原因 由于个人信息保护法的实时，高德地图sdk新增两个方法来保障信息安全。sdk官网也有提示信息 三、问题修复 无论是在导航sdk、定位sdk、或者其他sdk初始化前调用updatePrivacyShow、updatePrivacyAgree这两个方法设置一下即可解决。例如定位SDK可以调用 AMapLocationClient.update
arcgis高德地图插件
12-24
这使得用户可以在ArcGIS平台上进行空间分析、地图制图、定位和导航等工作时，直接利用高德地图的数据和服务，提高了工作效率和数据质量。 这个插件提供了丰富的功能，包括基本地图显示、地理编码、路径规划、地理...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值