这里主要写的是获取当前用户的地理位置，调用微信接口，成功之后会返回经纬度，这里我们把它转化成了省市县方便调用
主逻辑函数
// 这个要在<head>里面引入<script src="http://res2./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) {// 获取TicketString 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() {// 获取本页面的urlvar 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, // 必填，签名，见附录1jsApiList : ['checkJsApi','openLocation',// 使用微信内置地图查看地理位置接口'getLocation' // 获取地理位置接口] // 必填，需要使用的JS接口列表});wx.ready(function () {// 获取用户位置wx.getLocation({success : function(res) {var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。// 这个是调用百度接口$.ajax({url: 'http://api./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(){}});},});});}});});
喜欢的可以收藏，关注，评论，不喜欢的就当没看见
