uni微信小程序跳入外链(以高德地图为例)

前瞻:vue项目在跳转外部链接时一般使用:window.open 或者 href 都离不开window这一属性,但总所周知 微信小程序并不存在 window这一属性,所以在这个时候我们需要加以变通

方法1:

1:跳入外部链接,此链接应该是 https加域名的链接,如果不是https的 那不可以

2:配置 将你所需要跳转的链接配置在小程序中 进入微信公众平台修改request合法域名(附图)

2:编写webview页面,附图

3:在需要跳转的页面写入:

			uni.navigateTo({
					url: '/pages_psy/residentInstitutions/maps?longitude='+this.mapDatas.longitude+'&latitude='+this.mapDatas.latitude+'&name='+encodeURIComponent(this.mapDatas.name)+'&address='+encodeURIComponent(this.mapDatas.address)

				})

跳转入webview页面 并在2的onload里对url进行赋值,然后就可以跳转了

注:跳入自己买的服务器的域名时需要在开发管理->开发设置下的业务域名里配置你的域名(需要后端配合)也就是下边这句话:       

下载校验文件,并将文件放置在域名根目录下,例如wx.qq.com,并确保可以访问该文件。如配置中遇到问题,请查看具体指引。

配置完成后 即可使用webview跳入

注:第一步一定要做,且账号必须时 开发者或者管理员才可以操作,,测试时 用微信开发者工具中的真机调试测试,体验版不支持,,,

方法2:

仅仅是为了跳入地图导航

在地图上拿到经纬度,地址,名称

使用

		 uni.openLocation({
		          latitude: Number(this.mapDatas.latitude),
		          longitude: Number(this.mapDatas.longitude),
		          name: this.mapDatas.name,
		          address: this.mapDatas.stationAddress,
		          success() {
		            console.log('success');
		          }
		        })	

即可跳入地图

猜你喜欢

转载自blog.csdn.net/weixin_48091030/article/details/134694613