获取用户当前位置信息的两种方法——H5、微信

摘要:
在之前调用百度地图API的总结中,我使用H5获取了当前位置信息。事实上,微信还提供了一种获取用户地理位置的方法。现在我们将发布这两种方法,并根据情况选择使用它们。varspeed=响应。速度;//速度,单位:米/秒varaccuracy=res精度;//位置精度}});3、 从地理位置和地图显示中获得的经度和纬度可以使用百度地图或高德地图显示,也可以在微信内置地图上查看位置:wx OpenLocation({纬度:0,//纬度,浮点数,范围:90~-90经度:0,//经度,浮点数、范围:180~-180)。默认值为最大infoUrl:“”//显示在视图位置界面底部的超链接可以单击跳转});

在之前的调用百度地图API的总结中获取当前位置信息我用的是 H5 ,其实微信也提供了获取用户地理位置的方法,现将这两种方法都贴出来,看情况选择使用。

一、H5 获取当前地理位置得到经纬度

   //H5 获取当前位置经纬度var location_lon = '',location_lat = ''; //经度,纬度if(navigator.geolocation){
        navigator.geolocation.getCurrentPosition(function(position) {
            location_lon =position.coords.longitude;
            location_lat =position.coords.latitude;           //alert('h5经度:'+location_lon);alert('h5纬度:'+location_lat);});
    }else{
        alert("您的设备不支持定位功能");
    }

二、微信公众平台(地理位置)

微信有获取用户地理位置的接口,在 wx.config 中配置就可以用了:

wx.config({
    debug: true, 
    appId: '', //必填,公众号的唯一标识timestamp: , //必填,生成签名的时间戳nonceStr: '', //必填,生成签名的随机串signature: '',//必填,签名jsApiList: ['getLocation'] //必填,需要使用的JS接口列表});

获得权限后就可以直接使用 wx.getLocation() 方法获得用户的地理位置了:

wx.getLocation({
   type: 'wgs84', //默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
   success: function(res) {var latitude = res.latitude; //纬度,浮点数,范围为90 ~ -90var longitude = res.longitude; //经度,浮点数,范围为180 ~ -180。var speed = res.speed; //速度,以米/每秒计var accuracy = res.accuracy; //位置精度}
});

三、地理位置配合地图展示

获得的经纬度可以使用百度地图或者高德地图展示,微信内置地图也可以查看位置:

wx.openLocation({
   latitude: 0, //纬度,浮点数,范围为90 ~ -90
   longitude: 0, //经度,浮点数,范围为180 ~ -180。
   name: '', //位置名
   address: '', //地址详情说明
   scale: 1, //地图缩放级别,整形值,范围从1~28。默认为最大
   infoUrl: '' //在查看位置界面底部显示的超链接,可点击跳转});

免责声明:文章转载自《获取用户当前位置信息的两种方法——H5、微信》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇springboot项目:扫描不到其他模块的包 Parameter 0 of constructor in com.zjxf.repository.UserRepositoryECMWF 和 GFS 模型下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

和小猪一起搞微信公众号开发—二维码创建使用流程(需要授权)

使用该接口可以获得多个带不同场景值的二维码,用户扫描后,公众号可以接收到事件推送。 目前有2种类型的二维码,分别是临时二维码和永久二维码,前者有过期时间,最大为1800秒,但能够生成较多数量,后者无过期时间,数量较少(目前参数只支持1--1000)。两种二维码分别适用于帐号绑定、用户来源统计等场景。 用户扫描带场景值二维码时,可能推送以下两种事件: 如果...

微信小程序-注册相关流程

1. 先注册(https://mp.weixin.qq.com/wxopen/waregister?action=step1)  2.登录(https://mp.weixin.qq.com/)  3.依据发布流程填写相关信息(在小程序开发工具项目填写 对应的小程序 appid )记得绑定开发者,管理者  4. 还可以登录微信公众号,在小程序管理...

微信小程序----返回上一页刷新或当前页刷新

声明 bug: 在onShow中执行this.onLoad(),会导致页面第一次加载的时候数组加载两次! 造成原因:页面加载先执行onLoad,再执行的onShow,就会出现在onLoad加载一次数据,在onShow中执行this.onLoad()在加载一次数据。 解决办法:将不需要刷新的数据放在onLoad中执行,将需要刷新的数据放在onShow中执行!...

由微博图床挂掉之后想到的

前不久,微博图床挂了,这对于众多使用 Markdown 写技术博客的人简直太残忍了!看来,图片迁移真的是刻不容缓了,在我准备迁移图片的时候,发现了几个平台对图片不同的处理方式,觉得很有意思,所以记录一下。 一、背景知识介绍 1、Markdown 和图床 (1)Markdown Markdown 是一种标记语言,通过简单的标注,可以使文本具有一定格式。例如在...

使用浏览器访问或调试微信公众号(跳过微信认证)

  因为大部分公众号web应用实际登录都是使用用户微信认证登录,下文主要是提供一种方法使在PC端使用任意浏览器绕过微信认证完成登录,后面就可以在浏览器中使用或调试web应用。     应用服务器(我们自己的第三方应用程序)需要知道是谁在访问服务(登录),而在微信公众号应用中登录一般都是使用静默的oauth2,由微信认证用户的真实性,并通知应用服务器当前用...

微信小程序官方示例 官方weui-wxss下载于安装 详解

1.小程序示例源码:https://github.com/wechat-miniprogram/miniprogram-demo 2.微信 weui下载地址:https://github.com/weui/weui-wxss/ weui用微信开发者工具打开步骤。 新先小程序,目录选择dist。appid可以选择测试 对WEUI css详解...