uni-app开发h5嵌套第三方App实现定位功能(原生方法定位涉及天地图)

uni-app开发h5嵌套第三方App实现当前定位功能(原生方法定位涉及天地图):
准备工作(3步很重要):
1、安卓和IOS系统,定位功能都需要使用https请求(安卓内置浏览器和ios内置浏览器的安全机制)
2、发布的域名 + 接口(ip/域名)都必须为https请求,如果一个https,http 则无法进行请求,出现类似跨域的问题
如图:
在这里插入图片描述
3、打包发布的h5服务器必须是https域名
4、以上前3步骤准备完成,原生的方法以及uni-app自带的方法都可以(实现安卓和IOS内置浏览器都可以获取当前定位的关键)

实现方案:
1、实现环境:内嵌他人App发布的h5链接(别人是App,我们是第三方链接且发布在自己公司的服务器上)
2、使用中转页面(专门获取当前定位),并把该页面发布到https上的服务器,把该链接发给第三方
3、window.location.href = ‘自己APP发布的链接?jwd=’ + 获取到的经纬度信息(实现中转页跳转自己App链接)

使用中转页的原因:
1、定位只能通过https请求才可以实现
2、该项目还涉及到天地图,然而天地图的http://api.tianditu.gov.cn/api是http请求,域名请求不了http,所以使用中转页,先获取到dw后跳转app的h5链接(app的h5链接是http)
3、缺点:有个中转页面的闪现(看自个客户是否接受该方案)

获取当前定位代码:

<template>
	<view class="content">
		<image class="logo" src="/static/location.png"></image>
		<view class="text-area">
			<
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值