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

相关推荐
Linsk1 小时前
Java和JavaScript的关系真是雷峰和雷峰塔的关系吗?
java·javascript·oracle
当时只道寻常1 小时前
浏览器文本复制到剪贴板:企业级最佳实践
javascript
Alice-YUE2 小时前
【js高频八股】防抖与节流
开发语言·前端·javascript·笔记·学习·ecmascript
是上好佳佳佳呀3 小时前
【前端(十一)】JavaScript 语法基础笔记(多语言对比)
前端·javascript·笔记
莎士比亚的文学花园4 小时前
Linux驱动开发(3)——设备树
开发语言·javascript·ecmascript
01漫游者4 小时前
JavaScript函数与对象增强知识
开发语言·javascript·ecmascript
threelab6 小时前
Three.js 代码云效果 | 三维可视化 / AI 提示词
开发语言·javascript·人工智能
yqcoder8 小时前
JavaScript 柯里化:把“大餐”拆成“小炒”的艺术
开发语言·javascript·ecmascript
每天吃饭的羊8 小时前
JSZip的使用
开发语言·javascript
前端老石人8 小时前
前端开发中的 URL 完全指南
开发语言·前端·javascript·css·html