在 HTML5 中,哪个方法用于获得用户的当前位置?(),h5获取用户当前位置

前言

　　前一段时间，它被写给H5，以获取用户的当前位置。百度没能实现很多方法，包括H5自带的方法。不知道具体问题在哪里。基本上，它们被报告为错误。一起来看看他们吧~

一、使用H5自带的获取位置

　　首先使用navigator.geolocation来确定浏览器是否支持它。如果没有，提示或使用其他方法。

　　if(navigator . geolocation){ navigator . geolocation . getcurrentposition((RES)={ console . log(RES)；//这里会返回经纬度，然后用经纬度转换地区名})；}摘要

　　1.有些手机和浏览器不太支持这个API，会有警告和错误，所以感觉这个API有点鸡肋，不能用。

　　2.如果需要显示地区名称，还需要引入类似百度地图的第三方平台提供的js，将经纬度转换成地区名称。

　　3.浏览器地址必须是https，否则不支持。

　　:

二、使用百度地图获取位置

　　 1.在百度地图开发平台注册账号，申请ak key。

　　2.页面中引用百度地图js(index.html引用vue项目)

　　body div id=app/div！-生成的文件将被自动注入-script type= text/JavaScript src= https://API . map . Baidu . com/API？v=2.0 AK=qi 3333 RVs dret 2 a 999 VC 858 QS=1 /script/body 3。在页面中写以下代码(可以直接返回经纬度和省市名称等。):

　　Mounted() {//获取当前城市vargeolocation=new map . geolocation()；geolocation . getcurrentposition(function(r){ var city=r.address.city//Returns当前城市that.currCity=city})},

　　摘要

　　这样手机上会有一个弹出框提示位置。这种方法可以应用于微信浏览器和普通浏览器。基本没有问题和bug。试试看！就是公司申请ak会比较麻烦，也需要https才能用。和第一种相比，非常好用，效果也很好。

三、微信js-sdk自带的API

　　登录微信平台获取appid和密钥。

　　服务器配置信息，以及js接口安全域名，网页授权域名等。

　　放入配置信息文件。txt放在已配置的服务器下。

　　检查所有接口权限，看是否获取了用户的地理位置。

　　获取时间戳、签名等。通过调整界面。

　　wx . ready(function(){ wx . check jsapi({ jsapi list:[ get location ])，success : function (res) { if(！RES . check result . get location){ alert(暂时不支持获取地理位置界面，请升级微信版本！);返回；} } })wx . get location({ success:function(RES){ console . log(RES)//地理位置信息都在这里}，cancel: function (res) {alert(用户拒绝授权位置信息！);} } } })

总结

　　列举的H5获取地理位置的三种方式，如果不是必须在微信官方账号，建议使用类似百度地图的第三方获取地理位置，这样更方便。一开始不想用第三方的东西，所以打算长期用H5自己的API，尝试了很多手机和浏览器都没有成功。真是令人心碎。

　　关于Html5如何获取用户当前位置的这篇文章到此为止。关于Html5如何获取用户当前位置的更多信息，请搜索之前的文章或继续浏览下面的相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。