1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
| <!--#include file="JsonPost.gds"-->
| <!-- #include file="sha1.gds" -->
| <html><head>
| <meta charset="utf-8">
| <title>微信地理位置接口 Demo</title>
| <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
| <link rel="stylesheet" href="http://203.195.235.76/jssdk/css/style.css">
| </head>
| <body ontouchstart="">
| <div class="wxapi_container">
| <div class="lbox_close wxapi_form">
| <h3 id="menu-location">地理位置接口</h3>
| <span class="desc">使用微信内置地图查看位置接口</span>
| <button class="btn btn_primary" id="openLocation">openLocation</button>
| <span class="desc">获取地理位置接口</span>
| <button class="btn btn_primary" id="getLocation">getLocation</button>
|
| </div>
| </div>
| <!-- #include file="sha1.gds" -->
| <%
| timestamp = ToUnixTime(now(),+8)
| wxnonceStr = "5P1QYH5OEW6BCXTo"
| wxticket = Getjsapi_ticket()
| wxurl = "https://sys.966120.com.cn/weixin/jssdk_map.gds"
| wxOri = "jsapi_ticket="&wxticket&"&noncestr="&wxnonceStr&"×tamp="×tamp&"&url="&wxurl
| wxSha1 = hex_sha1(wxOri)
| %>
| <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
| <script>
| /*
| * 注意：
| * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
| * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
| * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
| *
| * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
| * 邮箱地址：weixin-open@qq.com
| * 邮件主题：【微信JS-SDK反馈】具体问题
| * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
| */
| wx.config({
| debug: false,
| appId: '<%=corpid%>',
| timestamp: <%=timestamp%>,
| nonceStr: '<%=wxnonceStr%>',
| signature: '<%=wxSha1%>',
| jsApiList: [
| 'checkJsApi',
| 'onMenuShareTimeline',
| 'onMenuShareAppMessage',
| 'onMenuShareQQ',
| 'onMenuShareWeibo',
| 'onMenuShareQZone',
| 'hideMenuItems',
| 'showMenuItems',
| 'hideAllNonBaseMenuItem',
| 'showAllNonBaseMenuItem',
| 'translateVoice',
| 'startRecord',
| 'stopRecord',
| 'onVoiceRecordEnd',
| 'playVoice',
| 'onVoicePlayEnd',
| 'pauseVoice',
| 'stopVoice',
| 'uploadVoice',
| 'downloadVoice',
| 'chooseImage',
| 'previewImage',
| 'uploadImage',
| 'downloadImage',
| 'getNetworkType',
| 'openLocation',
| 'getLocation',
| 'hideOptionMenu',
| 'showOptionMenu',
| 'closeWindow',
| 'scanQRCode',
| 'chooseWXPay',
| 'openProductSpecificView',
| 'addCard',
| 'chooseCard',
| 'openCard'
| ]
| });
|
| wx.ready(function () {
|
|
| // 7 地理位置接口
| // 7.1 查看地理位置
| document.querySelector('#openLocation').onclick = function () {
| wx.openLocation({
| latitude: 23.099994,
| longitude: 113.324520,
| name: 'TIT 创意园',
| address: '广州市海珠区新港中路 397 号',
| scale: 14,
| infoUrl: 'http://weixin.qq.com'
| });
| };
|
| // 7.2 获取当前地理位置
| document.querySelector('#getLocation').onclick = function () {
| wx.getLocation({
| success: function (res) {
| alert(JSON.stringify(res));
| },
| cancel: function (res) {
| alert('用户拒绝授权获取地理位置');
| }
| });
| };
|
|
|
| });
|
| wx.error(function (res) {
| alert(res.errMsg);
| });
| </script>
| <script src="/js/zepto.min.js"></script>
|
| </body></html>
|
|
