上次因为工作中用到微信公众号开发之微信分享的标题图标等相关SDK,看了下微信的SDK官方文档发现里面还是有很多很不错的技术比如地理定位,上传图片等等,然后昨天周末来公司被强制加班就顺便搞了微信的地理位置相关的SDK,先看效果:
跟百度比较还是蛮准确的,看来微信的技术还是值得信赖的。
代码实现如下:
1.微信SDK压缩包,在上一篇博客中有上传,我还是用这个包没动;
2.引入这个SDK,我也没动;
3.前端Jquery代码如下:
=====================Jquery代码======================
<body>
<div style='margin:0 auto;display:none;'>
<img src="/Public/h5/weekly/images/xiao3.png">
</div>
<!-- </div> -->
<div class="default-detail-container">
<div class="share-div">
<div class="share-title">
<span>获取地理位置接口(gps)</span>
</div>
</div>
<div class="return-article-top">回顶部</div>
纬度:<input type="text" name="weidu" id="weidu"><br/>
经都:<input type="text" name="jingdu" id="jingdu"><br/>
速度:<input type="text" name="speed" id="speed"><br/>
位置精度:<input type="text" name="accuracy" id="accuracy"><br/>
<!-- vision3 -->
<a href="http://www.xiaoheiban.cn/invitenumber-intro" class="help">
</a>
<!-- vision3 -->
</div>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
wx.config({
debug: false, //调式模式,设置为ture后会直接在网页上弹出调试信息,用于排查问题
appId: '{$signPackage["appId"]}',
timestamp: '{$signPackage["timestamp"]}',
nonceStr: '{$signPackage["nonceStr"]}',
signature: '{$signPackage["signature"]}',
jsApiList: [ //需要使用的网页服务接口
//'onMenuShareQQ', //分享到QQ
'getLocation' //获取地理位置接口
]
});
wx.ready(function(){
// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
wx.getLocation({
type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
success: function (res) {
var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
var speed = res.speed; // 速度,以米/每秒计
var accuracy = res.accuracy; // 位置精度
$("#weidu").val(latitude);
$("#jingdu").val(longitude);
$("#speed").val(speed);
$("#accuracy").val(accuracy);
}
});
});
wx.error(function(res){
// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
alert(res.errMsg);
});
</script>
</body>
=====================Jquery代码 end======================
Jquery代码流程是:
3.1 引入Wx.config,即将调取的定位接口名;
3.2 编写wx.ready(function(){...})
3.3 编写定位接口:wx.getLocation({...})
3.4 错误输出...
蛮好玩的,也不是太难,对吧!!
相关推荐
微信公众号开发相关方法微信公众号开发相关方法微信公众号开发相关方法微信公众号开发相关方法微信公众号开发相关方法微信公众号开发相关方法微信公众号开发相关方法微信公众号开发相关方法微信公众号开发相关方法...
接入微信公众号是开发的第一步,万事开头难,走好第一步,后面的路就更宽广。 1.公众平台测试帐号的使用 ...接入公众号时,微信公众平台需要验证开发者的身份,向开发者填写的URL发送一个GET请求,请求中包含
PHP微信公众号管理系统 PHP微信公众号管理系统 PHP微信公众号管理系统 PHP微信公众号管理系统 PHP微信公众号管理系统 PHP微信公众号管理系统 PHP微信公众号管理系统 PHP微信公众号管理系统 PHP微信公众号...
主要介绍了C#微信公众号开发之接收事件推送与消息排重的方法,详细分析了事件推送与消息排重的使用技巧,对微信开发有一定参考借鉴价值,需要的朋友可以参考下
是一款由吾爱破解论坛用户开发的微信公众号文章批量下载工具, 软件为绿色版,无需安装,解压后双击即可使用。支持下载微信公众号的历史消息,可以保存文章为html/md/pdf/docx文件。软件支持单篇下载和批量下载,...
C#版的微信公众号开发SDK Senparc.Weixin.MP几个关键类介绍如下: Entities/Request*.cs 用于接收微信平台自动发送到服务器的实体(发送过来的是XML),包括文本、位置、图片三类 Entities/Response*.cs 用于反馈...
PHP微信公众号开发SDK
主要介绍了Java实现微信公众号获取临时二维码功能,结合实例形式分析了java调用微信公众号接口实现临时二维码生成功能相关操作技巧,需要的朋友可以参考下
微信公众号开发的必须jar包,很完整
在微信公众号中,获取关注用户的OPENID。代码是用C#来进行开发的。
asp.net 微信公众号开发源码
这是一款基于ThinkPHP6.0开发的微信公众号多域名回调系统。本系统有如下功能: 微信公众号多域名回调功能:微信公众号后台默认只能授权2个网页域名,用本系统突破这个限制,用同一个公众号对接无限多个网站。网站...
微信公众号的开发文档微信公众号的开发文档微信公众号的开发文档微信公众号的开发文档微信公众号的开发文档微信公众号的开发文档微信公众号的开发文档微信公众号的开发文档微信公众号的开发文档微信公众号的开发文档...
java 微信公众号开发入门 DEMO 可直接跑起来的 大家可以直接下载,然后练习一下。java 微信公众号开发入门 DEMO 可直接跑起来的 大家可以直接下载,然后练习一下。
dotnet-DotNETCore实现微信公众号被关注时推送消息dotnet-DotNETCore实现微信公众号被关注时推送消息dotnet-DotNETCore实现微信公众号被关注时推送消息dotnet-DotNETCore实现微信公众号被关注时推送消息dotnet-...
微信公众号 java 开发 sdk ,集合了微信公众号开发常用工具类,通用类,可以帮助开发者加快开发进度。
微信公众号开发获取openid和微信分享和公众号配置验证,网页授权后台代码,获取openid,微信分享,公众号配置验证,代码齐全
微信公众号运营计划方案(最新范文模板) .pdf微信公众号运营计划方案(最新范文模板) .pdf微信公众号运营计划方案(最新范文模板) .pdf微信公众号运营计划方案(最新范文模板) .pdf微信公众号运营计划方案(最新范文模板)...
采用JAVA语言,基于Jfinal开发,支持微信公众号、微信企业号等多账号简单的模拟管理和操作,使用用户可以进行二次开发。贝灵维信百灵微信公众号管理平台简介百灵微信公众号管理平台,是一款开源、免费的微信公众号...