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

相关推荐
陈振wx:zchen20088 小时前
JavaScript
javascript·js
我是伪码农8 小时前
Vue 智慧商城项目
前端·javascript·vue.js
不认输的西瓜8 小时前
fetch-event-source源码解读
前端·javascript
天下代码客10 小时前
使用electronc框架调用dll动态链接库流程和避坑
前端·javascript·vue.js·electron·node.js
冰暮流星10 小时前
javascript之数组
java·前端·javascript
xkxnq11 小时前
第五阶段:Vue3核心深度深挖(第74天)(Vue3计算属性进阶)
前端·javascript·vue.js
三小河11 小时前
Agent Skill与Rules的区别——以Cursor为例
前端·javascript·后端
Hilaku11 小时前
不要在简历上写精通 Vue3?来自面试官的真实劝退
前端·javascript·vue.js
三小河11 小时前
前端视角详解 Agent Skill
前端·javascript·后端
颜酱12 小时前
二叉树遍历思维实战
javascript·后端·算法