uni微信小程序跳入外链（以高德地图为例）-Toy模板网

这篇具有很好参考价值的文章主要介绍了uni微信小程序跳入外链（以高德地图为例）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

方法1：

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

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

uniapp的微信小程序点击跳转外部链接,uni（主要是写的微信小程序）,微信小程序,小程序

2：编写webview页面，附图

uniapp的微信小程序点击跳转外部链接,uni（主要是写的微信小程序）,微信小程序,小程序

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跳入

uniapp的微信小程序点击跳转外部链接,uni（主要是写的微信小程序）,微信小程序,小程序

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

方法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');
		          }
		        })

即可跳入地图文章来源地址https://www.toymoban.com/news/detail-828751.html

到了这里，关于uni微信小程序跳入外链（以高德地图为例）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！