微信公众号开发--获取当前用户位置,并把经度纬度转化成省市县
程序员文章站
2024-01-24 09:26:22
...
这里主要写的是获取当前用户的地理位置,调用微信接口,成功之后会返回经纬度,这里我们把它转化成了省市县方便调用
主逻辑函数
// 这个要在<head>里面引入
<script src="http://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
/**
* 微信位置获取
*/
@ResponseBody
@RequestMapping(value = "/wx",method = RequestMethod.GET)
public Map wx (String url){
Map ma = new HashMap<>();
// 创建查询条件在数据库中查询accesstokenDO和Ticket
// 这个要是不理解就看我的博客“微信公众号开发--获取access_token和Ticket”里面写的很详细
ma.put("appid", AuthUtil.APP_ID);// 这个是条件
List<AccesstokenDO> list = accesstokenService.list(ma);
AccesstokenDO accesstokenDO1 = list.get(0);
String accesstoken = accesstokenDO1.getAccesstoken();
String ticket = accesstokenDO1.getTicket();
// 调用方法
Map map1 = GetWx.getTicket(accesstoken,url,ticket);
map1.put("appid",AuthUtil.APP_ID);
return map1;
}
工具类
/**
* 返回的是map,获取用户当前位置
*/
public class GetWx {
public static Map getTicket(String access_token,String url1,String ticket) {
// 获取Ticket
String jsapi_ticket = ticket;
// 时间戳和随机字符串
String noncestr = UUID.randomUUID().toString().replace("-", "").substring(0, 16);//随机字符串
String timestamp = String.valueOf(System.currentTimeMillis() / 1000);//时间戳
// 将参数排序并拼接字符串
String str = "jsapi_ticket="+jsapi_ticket+"&noncestr="+noncestr+"×tamp="+timestamp+"&url="+url1;
// 将字符串进行sha1加密
String signature =HttpXmlClient.SHA1(str);
Map map1 = new HashMap();
map1.put("signature", signature);
map1.put("timestamp", timestamp);
map1.put("noncestr", noncestr);
return map1;
}
}
工具类–SHA1加密
import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
/**
* SHA1加密
*/
public class HttpXmlClient {
public static String SHA1(String decript) {
try {
MessageDigest digest = java.security.MessageDigest.getInstance("SHA-1");
digest.update(decript.getBytes());
byte messageDigest[] = digest.digest();
// 创建十六进制字符串
StringBuffer hexString = new StringBuffer();
// 字节数组转换为 十六进制 数
for (int i = 0; i < messageDigest.length; i++) {
String shaHex = Integer.toHexString(messageDigest[i] & 0xFF);
if (shaHex.length() < 2) {
hexString.append(0);
}
hexString.append(shaHex);
}
return hexString.toString();
} catch (NoSuchAlgorithmException e) {
e.printStackTrace();
}
return "";
}
}
前台解析
// 页面加载完成之后执行
$().ready(function() {
// 获取本页面的url
var url = location.href.split('#')[0];
$.ajax({
type : "GET",
url : "/shzx/wx?url=" + url,
dataType:"json",
success : function(data) {
wx.config({
// debug : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: data.appid, // 必填,公众号的唯一标识
timestamp: data.timestamp, // 必填,生成签名的时间戳
nonceStr: data.noncestr, // 必填,生成签名的随机串
signature: data.signature, // 必填,签名,见附录1
jsApiList : [
'checkJsApi',
'openLocation',// 使用微信内置地图查看地理位置接口
'getLocation' // 获取地理位置接口
] // 必填,需要使用的JS接口列表
});
wx.ready(function () {
// 获取用户位置
wx.getLocation({
success : function(res) {
var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
// 这个是调用百度接口
$.ajax({
url: 'http://api.map.baidu.com/geocoder/v2/?ak=wWYw0yCb8ntXmSgTxTx40vKR&callback=renderReverse&location=' + latitude + ',' + longitude + '&output=json&pois=1',
type: "get",
dataType: "jsonp",
jsonp: "callback",
success: function (data) {
// 获取
var province1 = data.result.addressComponent.province;
var city1 = data.result.addressComponent.city;
var district1 = data.result.addressComponent.district;
} ,
error:function(){
}
});
},
});
});
}
});
});
喜欢的可以收藏,关注,评论,不喜欢的就当没看见
上一篇: 微信公众号之微信分享
下一篇: 微信公众号测试环境开发