H5实现获取当前定位

项目环境是使用uniapp和vue2,要获取当前位置的经纬度,然后根据经纬度去转化为当前具体地址。 实现方案:

  1. 我使用的腾讯地图。要在index.html中引入sdk<script src="https://map.qq.com/api/gljs?v=1.exp&key=你的key&libraries=webComponent"></script>
  2. 在main.js中加载腾讯当前定位的一个js.文件
  3. 在实现定位的组件中,去初始化地图:
  4. 将获取到的经纬度使用腾讯的api去转化为具体地址:

以上就是我使用腾讯地图获取到当前定位的代码。 另外我还使用了一个高德的方法,是根据浏览器的一个定位方法。但是这个定位一直获取不到准确的位置和当前的位置会相差300米左右。我实在搞不懂原因。如果有高手可以指点一下。附上代码: @amap/amap-jsapi-loader是下的高德的安装包

import AMapLoader from '@amap/amap-jsapi-loader';

相关推荐
BillKu37 分钟前
Vue3 + Element-Plus 抽屉关闭按钮居中
前端·javascript·vue.js
DevilSeagull40 分钟前
JavaScript WebAPI 指南
java·开发语言·javascript·html·ecmascript·html5
大怪v2 小时前
前端佬:机器学习?我也会啊!😎😎😎手“摸”手教你做个”自动驾驶“~
前端·javascript·机器学习
gnip4 小时前
链式调用和延迟执行
前端·javascript
杨天天.5 小时前
小程序原生实现音频播放器,下一首上一首切换,拖动进度条等功能
前端·javascript·小程序·音视频
Dragon Wu5 小时前
React state在setInterval里未获取最新值的问题
前端·javascript·react.js·前端框架
YU大宗师5 小时前
React面试题
前端·javascript·react.js
给月亮点灯|6 小时前
Vue基础知识-Vue集成 Element UI全量引入与按需引入
前端·javascript·vue.js
三思而后行,慎承诺7 小时前
Reactnative实现远程热更新的原理是什么
javascript·react native·react.js
知识分享小能手7 小时前
React学习教程,从入门到精通,React 组件生命周期详解(适用于 React 16.3+,推荐函数组件 + Hooks)(17)
前端·javascript·vue.js·学习·react.js·前端框架·vue3