宝哥软件园

vue实现Web终端获取经纬度的定位功能

编辑:宝哥软件园 来源:互联网 时间:2021-08-21

首先,我这里的需求是获取当前用户的经纬度

经过无数次测试,我使用了腾讯/百度地图的api,最后肯定是高德的js APi

废话不多,只是代码。

首次引入index.html

脚本类型=' text/JavaScript ' src=' http :https://web API . AMAP.com/maps?v=1 . 4 . 15 key=key/你申请的脚本,然后转到你需要获取的页面开始写。我在这里使用它进行测试,所以只有一个App.vue文件。

似乎已经很详细了。

准确定位可以通过调用谷歌的api来实现,

Function onComplete(data){ //这是位置服务被允许后的情况,这里我直接得到想要的信息}function onError(data){ //这是位置获取失败后的情况。//这里我设置了采集失败后启用ip定位。//但是并不准确,在安卓微信上测试过之后,只能走在这里。}下面是完整的代码:

Function onComplete(data){ //这是位置服务被允许后的情况,这里我直接得到想要的信息}function onError(data){ //这是位置获取失败后的情况。//这里我设置了采集失败后启用ip定位。//但是并不准确,在安卓微信上测试过之后,只能走在这里。}已测试:

Ios机型可以在微信内置浏览器或其他浏览器中完美定位

安卓模式,在微信内置浏览器中,显示定位失败,改为ip定位,略有偏差,但不会太大,但在其他浏览器中可以实现精准定位。

摘要

上面提到的是边肖介绍给大家的vue在Web端实现定位功能获取经纬度,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!

更多资讯
游戏推荐
更多+