在h5 中如何获取当前地理位置信息?

通过使用 wx.getLocation 进行获取,步骤如下:

  • 首先进行配置
wx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。appId: '', // 必填,公众号的唯一标识timestamp: timestamp, // 必填,生成签名的时间戳nonceStr: nonceStr, // 必填,生成签名的随机串signature: res.data,// 必填,签名jsApiList: ['getLocation', 'openLocation'] // 必填,需要使用的JS接口列表
});
  • 获取当前地理位置信息(经纬度)
x.ready(function () {wx.getLocation({type: 'gcj02', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'success: function (res) {var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。},fail: function (err) {},cancel: function (res) {}});})
  • 当前返回的坐标为火星坐标 or wgs84坐标,如果想要百度或者腾讯坐标进行地图扎点时,可以将坐标进行转化。
  • 不知道如何转化时,可以查阅下一篇文章。 坐标之间的转化

注:timestamp,nonceStr 是可以自己生成的,signature 是经过后端接口加密完成之后返回的。

  • timestamp :
    var timestamp = Date.parse(new Date()) / 1000;
  • nonceStr
    var nonceStr = createNonceStr();//生成随机字符串function createNonceStr() {return Math.random().toString(36).substr(2, 15)}

h5 获取当前地理位置信息相关推荐

  1. geoip php 获取城市,Laravel 中利用 GeoIP 获取用户地理位置信息

    这篇文章主要介绍了关于Laravel 中利用 GeoIP 获取用户地理位置信息,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 我最近需要一个用户地域检测来设置用户的默认区域和货币.由 ...

  2. 微信获取用户地理位置信息的原理与步骤

    微信获取用户地理位置信息的原理与步骤 在微信公众服务号开发需求中经常有获取用户位置信息的功能,通过用户的位置信息,可以做一些地图导航,以及基于LBS的营销活动. 下面通过给大家介绍微信服务号获取用户位 ...

  3. 微信h5获取用户地址信息

    微信h5页面获取用户地址信息(vue+Java)(清风竹语) 前言: 与之前获取用户信息相同,这次获取用户地址信息也是在用户进入该页面之后,通过取得用户经纬度,在调用高德地图的api获得位置信息. 流 ...

  4. 天地图web端 通过H5 获取详细定位信息 (模板源码)

    最近在做的项目需要用的天地图,置于为哈不用高德或者其他的-只能说,免费有免费的好处,收费有收费的好处吧 下面是源码,在对应位置加上你的key即可 (用PC端打开的话只能定位到城市,用手机浏览器打开的话 ...

  5. 微信小程序——获取具体地理位置信息

    通过微信自己的接口API,用户授权后获取到经纬度,通过经纬度调用地图接口返回地理位置信息. 简单.明了!!!(网上自己查询的文档进行编程,转载请注明出处) 代码如下: qqMapApi: 'http: ...

  6. Vue通过微信定位+百度地图获取详细地理位置信息

    项目中需要使用到定位功能,定位用户所在的省市,并自动填充到省市的选择列表中,微信开发中,定位功能直接使用微信提供的接口,方便并且简单,兼容性相对好处理 因为微信定位或者百度地图的定位都是先通过定位获取 ...

  7. html5 手机 消息,H5获取手机设备信息、app版本信息、ip地址

    获取手机设备的相关信息,如IMEI.IMSI.型号.厂商等.通过plus.device获取设备信息管理对象. 获取当前运行环境信息.与其它程序进行通讯等.通过plus.runtime可获取运行环境管理 ...

  8. Unity获取GPS地理位置信息

    unity获取地理位置 因为项目功能需要,需要获取用户当前的位置信息,百度了一下,很多资料,发现都不能满足直自己的需求.于是整合了网上的资料,才满足自己的需求,说说需求吧:需要定位到玩家具体位置,具体 ...

  9. Vue 获取当前地理位置信息

    两个参考: https://blog.csdn.net/YY110621/article/details/87921605  推荐这种 https://www.jianshu.com/p/ad4c12 ...

最新文章

  1. shell之“/dev/null 21”
  2. 使用mysql内连接查询年龄_Mysql的连表查询
  3. 使用SQL_TRACE进行数据库诊断
  4. javascript:void(0)和javascript:;的用法
  5. 10 个平板电脑上的 Python 编辑器
  6. 移动语义-右值引用-完美转发-万字长文让你一探究竟
  7. 写在岁末 -- 程序员的人生并非那么容易,努力向前奔跑吧!
  8. Floyd算法的动态规划本质
  9. MySQL Server 5.0安装教程
  10. 数据冒险控制冒险_劳动生产率和其他冒险
  11. Win7下使用VFW库连接摄像头
  12. K - 迷宫问题 POJ - 3984(广度搜索)
  13. Mimics-基础操作教程-1
  14. 远程计算机ip记录怎么删除吗,远程桌面连接清除登陆过的IP地址
  15. 更换计算机名后打不开PPT,ppt视频换电脑无法播放怎么办
  16. 【labelme】制作标签数据的完整流程
  17. 【classic】MMD镜头+动作打包下载.zip
  18. Zim-个人wiki系统
  19. Python测试:快乐的数字
  20. Mac显示隐藏文件夹的命令

热门文章

  1. CSS—将文字和图片重叠,元素重叠效果
  2. 计算机网络:数据链路层——以太网协议
  3. 机器学习入门-肝病预测分析
  4. 淘宝找不到撤销退款申请_如何处理“纠纷退款率”,这些知识点你必须知道
  5. 计算机与数学文化论文参考文献,数字电子技术参考文献
  6. 网络前三层协议的代码模拟
  7. 全球及中国UVC消毒系统行业竞争力调查及投资商机研究报告2021-2027年版
  8. 使用xUnit.net 对 .net core 进行单元测试
  9. python计算上证50ETF的已实现波动率
  10. cnc难还是java难_英语八级难考过吗?大概要学多久?