在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. 开源视频直播软件介绍
  2. Selenium2+python自动化5-操作浏览器基本方法
  3. 年龄到底怎么算才对_如意甘霖vs嘉和保,到底谁才是最佳男性重疾险
  4. Python 基于pykafka简单实现KAFKA消费者
  5. Linux系统安装phpMyAdmin
  6. sklearn学习4.数据处理与特征工程
  7. 电商促销后台设计,写得太好了!
  8. Hack_All_The_Things——探索IoT相关的攻击研究和渗透测试
  9. 难以置信:某国产平台制定打包deb规范,竟然没有测试
  10. 【缺陷检测】基于matlab形态学液晶显示器表面缺陷检测【含Matlab源码 1304期】
  11. 修复移动硬盘坏道计算机睡眠了,硬盘坏道屏蔽工具DiskGenius,教您如何修复硬盘坏道...
  12. c语言编程中的逗号与结果,C++编程中逗号运算符和条件运算符的使用方法讲解...
  13. 方正璞华研发的社保股权管理系统初见成效
  14. AudioTrack音频播放
  15. 测试工程师进阶之测试用例发散思维(二)
  16. unison+inotify数据实时双向同步
  17. ui sketch_如何在Sketch中设计汽车应用程序设计UI
  18. win系统加入方舟服务器秒退,win10方舟生存进化进服务器闪退解决方法
  19. vue+element ui 项目 后台管理系统
  20. Mac ubuntu安装无线驱动

热门文章

  1. 微商城分销系统:微商运营管理系统搭建介绍
  2. 在ubuntu中安装单机Hadoop(二)
  3. 2021-2027全球与中国半导体掩膜版市场现状及未来发展趋势
  4. 如何从零到一打造量化交易系统
  5. 在MathType中插入圈减和圈除
  6. coreldrawx4缩略图显示不出来_cdr软件缩略图怎么不显示?CorelDRAW缩略图显示设置--系统之家...
  7. Word文件如何锁定格式不乱跑?
  8. AltiumDesigner生成彩色电路图PDF
  9. 丢弃法Dropout
  10. 与门 或门 非门 与非 或非 异或 同或