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

相关推荐
拾年2756 小时前
React Hooks 进阶篇:useMemo / useCallback / useReducer / useImperativeHandle,用「算账 +
前端·javascript·react.js
Jackson__6 小时前
面试官:如何在老项目中使用新框架,并实现通信?
前端·javascript·面试
拾年2756 小时前
React Hooks 保姆级教程:把组件想象成失忆的打工人,4 个 Hook 带你原地起飞
前端·javascript·react.js
默_笙6 小时前
😝 5 亿次循环卡死页面?我用 Web Worker 把它扔进后台线程,页面丝滑如初
前端·javascript
CAD老兵6 小时前
一行代码集成 DWG/DXF 图纸查看:测量批注,数据不出站
前端·javascript·github
小林ixn6 小时前
单例模式:从弹窗管理到全局状态,一个模式搞定
前端·javascript·设计模式
名字还没想好☜7 小时前
React 用 useEffect 做轮询实战:setInterval 拿到旧 state 的闭包陷阱与正确清理
前端·javascript·react.js·react·useeffect
SendTomo8 小时前
P2P文件传输工具对比:SendTomo vs send.wang
javascript·网络协议·webrtc·html5·p2p
SendTomo10 小时前
WebRTC文件互传工具实测对比
javascript·网络·webrtc·html5·p2p