|
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>扫一扫</title>
- </head>
- <body>
- <div id="scanQRCode" style="font-size:2em;">上车验票</div>
- <div id="location" style="font-size:2em;">定位</div>
- <div id="ditu" style="font-size:2em;">地图</div>
-
- </body>
-
- <script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
- <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
- <script>
- $.ajax({
- url:'http://xmwxc.zhizhuchuxing.cn/wechat/Api/get_jssdk_config.php',
- type:'post',
- dataType: "json",
- data:{url:"http://xmwxc.zhizhuchuxing.cn/erweima.html"},
- success : function(data) {
- wx.config({
- debug: true, // true开启调试模式,false关闭调试模式
- appId: data.appId, // 必填,公众号的唯一标识
- timestamp: data.timestamp, // 必填,生成签名的时间戳
- nonceStr: data.nonceStr, // 必填,生成签名的随机串
- signature: data.signature,// 必填,签名,见附录1
- jsApiList: ['openLocation'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
- });
- }
- });
-
- // wx.ready(function () {
-
- // wx.scanQRCode({
- // 默认为0,扫描结果由微信处理,1则直接返回扫描结果
- // needResult : 0,
-
- // success : function(res) {
- // // window.location.href=res.resultStr;
- // }
- // });
- // wx.closeWindow();
- // });
- // function saoyisao(){
-
- // wx.scanQRCode({
- // // 默认为0,扫描结果由微信处理,1则直接返回扫描结果
- // needResult : 1,
-
- // success : function(res) {
- // window.location.href=res.resultStr;
- // }
- // });
- // }
-
- $("#location").click(function() {
- wx.getLocation({
- type: 'gcj02', // 默认为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; // 位置精度
-
- }
- });
- });
- var latitude = 32.19576;
- var longitude = 121.3051;
- $("#ditu").click(function() {
- wx.openLocation({
- latitude: latitude, // 纬度,浮点数,范围为90 ~ -90 / 31.19684
- longitude: longitude, // 经度,浮点数,范围为180 ~ -180。/ 121.3152
- name: '黄浦旅游集散站停车场', // 位置名
- address: '闵行区虹梅路283号', // 地址详情说明
- scale: 14, // 地图缩放级别,整形值,范围从1~28。默认为最大
- infoUrl: 'http://www.zhizhuchuxing.com' // 在查看位置界面底部显示的超链接,可点击跳转
- });
-
- });
-
-
- </script>
- </html>
|