作者：放ch养奶牛 | 2023-01-27 10:21
首先我这里的需求呢, 是获取当前用户的经纬度
经过无数次的测试, 先后用了 腾讯/百度地图的api，最后绝对还是高德的js APi
废话不多说, 直接上代码。
首先在 index.html 里面 引入
貌似已经 很详细了。
通过调用谷歌的api 可以实现 准确定位，
function onComplete(data){
// 这里面是 允许获取位置服务后 发生的事情,这里我直接获取想要的信息
}
function onError(data){
// 这里面是获取定位失败后, 执行的事情,
// 这里我设置的是获取失败后， 启用ip 定位
// 但是有一点嗷，就是不太准确, 而且安卓微信上 经过测试,只能走这里 。
}
下面上完整代码：
function onComplete(data){
// 这里面是 允许获取位置服务后 发生的事情,这里我直接获取想要的信息
}
function onError(data){
// 这里面是获取定位失败后, 执行的事情,
// 这里我设置的是获取失败后， 启用ip 定位
// 但是有一点嗷，就是不太准确, 而且安卓微信上 经过测试,只能走这里 。
}
经过测试：
ios机型，在微信内置浏览器 或 其他浏览器 可以完美 精确定位
安卓机型， 在微信内置浏览器 显示定位失败， 转为ip定位， 稍有偏差，但不会超级大，但是在其他浏览器 可以实现精确定位。
总结
以上所述是小编给大家介绍的vue 实现Web端的定位功能 获取经纬度,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
推荐阅读
-
如何解决《对象/布尔等价如何在python中工作？》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《AndroidStudio模拟器不附带PlayStoreforAPI23》经验，为你挑选了4个好方法。 ...
[详细]
-
如何解决《CSS图像到全宽和垂直居中？》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《D3.js多个y轴具有相同的刻度位置？》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《单击android中通知内的按钮打开对话框》经验，为你挑选了0个好方法。 ...
[详细]
-
如何解决《Google地图在模拟器上显示,但不在设备上显示》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《重新排列数组-java》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《正则表达式:+$VS*$VS无》经验，为你挑选了2个好方法。 ...
[详细]
-
如何解决《如何将复合文字用于`fprintf()`具有任意碱基的多个格式化数字？》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《PandasBar图,如何注释分组的水平条形图》经验，为你挑选了0个好方法。 ...
[详细]
-
如何解决《是否有任何保证在JavaScript中访问对象属性的恒定时间？》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《JupyterRNotebook中的HTML小部件》经验，为你挑选了0个好方法。 ...
[详细]
-
如何解决《插入表并将另一列设置为自动增量列值》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《RaspberryPi上无法运行Qt5视频播放器示例》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《在iPadPro中,启动屏幕故事板显示在模拟器中但不显示设备》经验，为你挑选了0个好方法。 ...
[详细]
-
如何解决《无法使用EC2上的机器IP地址打开spinnakerdeckUI》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《带有退货声明的短路》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《是否可以检测用户是否安装并使用了Google健身应用？》经验，为你挑选了0个好方法。 ...
[详细]
-
如何解决《Laravel5注销或会话破坏》经验，为你挑选了1个好方法。 ...
[详细]
-
如何解决《多处理队列子类问题》经验，为你挑选了1个好方法。 ...
[详细]
京公网安备 11010802040832号 | 京ICP备19059560号-6 