uniapp小程序调用第三方地图导航-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp小程序调用第三方地图导航。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

效果

uniapp小程序调用第三方地图导航,uni-app,小程序

<template>
	<view style="width: 100%;height: 100vh;">
			<button @click="toMapAPP(add)">打开地图去经开万达</button>
	</view>
</template>

data(){
    return{
         add: {
			lat: 30.51242,//万达的纬度
			lng: 114.18055,//精度
			address: '经开万达'//地址
			},
   }
}

文章来源地址https://www.toymoban.com/news/detail-615717.html

toMapAPP(e) {
				let that = this
				// 获取用户是否开启 授权获取当前的地理位置、速度的权限。
				uni.getSetting({
					success(res) {
						console.log(res,'----1')
						// 如果没有授权
						if (!res.authSetting['scope.userLocation']) {
							// 则拉起授权窗口
							uni.authorize({
								scope: 'scope.userLocation',
								success() {
									//如果授权了
									const latitude = Number(e.lat)
									const longitude = Number(e.lng)
									uni.openLocation({
										latitude: latitude, //到达的纬度
										longitude: longitude, //到达的经度
										name: e.address, //到达的名字
										scale: 12,
										success() {
											console.log('success')
										}
									})
								},
								fail(error) {
									//点击了拒绝授权后--就一直会进入失败回调函数--此时就可以在这里重新拉起授权窗口
									console.log('拒绝授权', error)

									uni.showModal({
										title: '提示',
										content: '若点击不授权，将无法使用位置功能',
										cancelText: '不授权',
										cancelColor: '#999',
										confirmText: '授权',
										confirmColor: '#f94218',
										success(res) {
											console.log(res)
											if (res.confirm) {
												// 选择弹框内授权
												uni.openSetting({
													success(res) {
														console.log(res.authSetting)
													}
												})
											} else if (res.cancel) {
												// 选择弹框内 不授权
												console.log('用户点击不授权')
											}
										}
									})
								}
							})
						} else {
							console.log('有授权');
							// 有权限则直接获取
							uni.getLocation({
								type: 'wgs84',
								success: function(res) {
									const latitude = Number(e.lat)
									const longitude = Number(e.lng)
									uni.openLocation({
										latitude: latitude, //到达的纬度
										longitude: longitude, //到达的经度
										name: e.address, //到达的名字
										scale: 12,
										success() {
											console.log('success')
										}
									})
								},
								fail(error) {
									uni.showToast({
										title: '请勿频繁调用！',
										icon: 'none',
									})
									console.log('失败', error)
								}
							})
						}
					}
				})

			},

到了这里，关于uniapp小程序调用第三方地图导航的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！