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';

相关推荐
努力往上爬de蜗牛34 分钟前
react native真机调试
javascript·react native·react.js
y***86692 小时前
TypeScript在Electron应用中的使用
javascript·typescript·electron
zy happy4 小时前
若依 vue3 报错:找不到模块“@/api/xxxx/xxxxx”或其相应的类型声明。。Vue 3 can not find mod
前端·javascript·vue.js
meichaoWen5 小时前
【Vue3】vue3的全面学习(一)
前端·javascript·学习
b***74886 小时前
Vue开源
前端·javascript·vue.js
ByteCraze8 小时前
我整理的大文件上传方案设计
前端·javascript
前端小白۞8 小时前
vue2 md文件预览和下载
前端·javascript·vue.js
5***79009 小时前
Vue项目性能优化
前端·javascript·vue.js
丫丫7237349 小时前
Three.js 模型树结构与节点查询学习笔记
javascript·webgl
车传新9 小时前
Javascript
javascript