h5 获取当前地理位置信息
在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) {}});})
- 当前返回的坐标为
火星坐标
orwgs84
坐标,如果想要百度或者腾讯坐标进行地图扎点时,可以将坐标进行转化。
- 不知道如何转化时,可以查阅下一篇文章。 坐标之间的转化
注: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 获取当前地理位置信息相关推荐
- geoip php 获取城市,Laravel 中利用 GeoIP 获取用户地理位置信息
这篇文章主要介绍了关于Laravel 中利用 GeoIP 获取用户地理位置信息,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 我最近需要一个用户地域检测来设置用户的默认区域和货币.由 ...
- 微信获取用户地理位置信息的原理与步骤
微信获取用户地理位置信息的原理与步骤 在微信公众服务号开发需求中经常有获取用户位置信息的功能,通过用户的位置信息,可以做一些地图导航,以及基于LBS的营销活动. 下面通过给大家介绍微信服务号获取用户位 ...
- 微信h5获取用户地址信息
微信h5页面获取用户地址信息(vue+Java)(清风竹语) 前言: 与之前获取用户信息相同,这次获取用户地址信息也是在用户进入该页面之后,通过取得用户经纬度,在调用高德地图的api获得位置信息. 流 ...
- 天地图web端 通过H5 获取详细定位信息 (模板源码)
最近在做的项目需要用的天地图,置于为哈不用高德或者其他的-只能说,免费有免费的好处,收费有收费的好处吧 下面是源码,在对应位置加上你的key即可 (用PC端打开的话只能定位到城市,用手机浏览器打开的话 ...
- 微信小程序——获取具体地理位置信息
通过微信自己的接口API,用户授权后获取到经纬度,通过经纬度调用地图接口返回地理位置信息. 简单.明了!!!(网上自己查询的文档进行编程,转载请注明出处) 代码如下: qqMapApi: 'http: ...
- Vue通过微信定位+百度地图获取详细地理位置信息
项目中需要使用到定位功能,定位用户所在的省市,并自动填充到省市的选择列表中,微信开发中,定位功能直接使用微信提供的接口,方便并且简单,兼容性相对好处理 因为微信定位或者百度地图的定位都是先通过定位获取 ...
- html5 手机 消息,H5获取手机设备信息、app版本信息、ip地址
获取手机设备的相关信息,如IMEI.IMSI.型号.厂商等.通过plus.device获取设备信息管理对象. 获取当前运行环境信息.与其它程序进行通讯等.通过plus.runtime可获取运行环境管理 ...
- Unity获取GPS地理位置信息
unity获取地理位置 因为项目功能需要,需要获取用户当前的位置信息,百度了一下,很多资料,发现都不能满足直自己的需求.于是整合了网上的资料,才满足自己的需求,说说需求吧:需要定位到玩家具体位置,具体 ...
- Vue 获取当前地理位置信息
两个参考: https://blog.csdn.net/YY110621/article/details/87921605 推荐这种 https://www.jianshu.com/p/ad4c12 ...
最新文章
- 开源视频直播软件介绍
- Selenium2+python自动化5-操作浏览器基本方法
- 年龄到底怎么算才对_如意甘霖vs嘉和保,到底谁才是最佳男性重疾险
- Python 基于pykafka简单实现KAFKA消费者
- Linux系统安装phpMyAdmin
- sklearn学习4.数据处理与特征工程
- 电商促销后台设计,写得太好了!
- Hack_All_The_Things——探索IoT相关的攻击研究和渗透测试
- 难以置信:某国产平台制定打包deb规范,竟然没有测试
- 【缺陷检测】基于matlab形态学液晶显示器表面缺陷检测【含Matlab源码 1304期】
- 修复移动硬盘坏道计算机睡眠了,硬盘坏道屏蔽工具DiskGenius,教您如何修复硬盘坏道...
- c语言编程中的逗号与结果,C++编程中逗号运算符和条件运算符的使用方法讲解...
- 方正璞华研发的社保股权管理系统初见成效
- AudioTrack音频播放
- 测试工程师进阶之测试用例发散思维(二)
- unison+inotify数据实时双向同步
- ui sketch_如何在Sketch中设计汽车应用程序设计UI
- win系统加入方舟服务器秒退,win10方舟生存进化进服务器闪退解决方法
- vue+element ui 项目 后台管理系统
- Mac ubuntu安装无线驱动