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

相关推荐
Ares-Wang2 小时前
JavaScript》》JS》 Var、Let、Const 大总结
开发语言·前端·javascript
SY_FC3 小时前
uniapp input 聚焦时键盘弹起滚动到对应的部分
javascript·vue.js·elementui
渣渣盟5 小时前
JavaScript核心概念全解析
开发语言·javascript·es6
Carlos_sam5 小时前
OpenLayers:ol-wind之渲染风场图全解析
前端·javascript
拾光拾趣录5 小时前
闭包:从“变量怎么还没死”到写出真正健壮的模块
前端·javascript
拾光拾趣录6 小时前
for..in 和 Object.keys 的区别:从“遍历对象属性的坑”说起
前端·javascript
遂心_7 小时前
深入解析前后端分离中的 /api 设计:从路由到代理的完整指南
前端·javascript·api
@大迁世界7 小时前
第7章 React性能优化核心
前端·javascript·react.js·性能优化·前端框架
前端Hardy8 小时前
HTML&CSS:惊艳!科技感爆棚的登录页面代码解析
前端·javascript·html