You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

86 lines
3.4 KiB

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>扫一扫</title>
  6. </head>
  7. <body>
  8. <div id="scanQRCode" style="font-size:2em;">上车验票</div>
  9. <div id="location" style="font-size:2em;">定位</div>
  10. <div id="ditu" style="font-size:2em;">地图</div>
  11. </body>
  12. <script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
  13. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  14. <script>
  15. $.ajax({
  16. url:'http://xmwxc.zhizhuchuxing.cn/wechat/Api/get_jssdk_config.php',
  17. type:'post',
  18. dataType: "json",
  19. data:{url:"http://xmwxc.zhizhuchuxing.cn/erweima.html"},
  20. success : function(data) {
  21. wx.config({
  22. debug: true, // true开启调试模式,false关闭调试模式
  23. appId: data.appId, // 必填,公众号的唯一标识
  24. timestamp: data.timestamp, // 必填,生成签名的时间戳
  25. nonceStr: data.nonceStr, // 必填,生成签名的随机串
  26. signature: data.signature,// 必填,签名,见附录1
  27. jsApiList: ['openLocation'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
  28. });
  29. }
  30. });
  31. // wx.ready(function () {
  32. // wx.scanQRCode({
  33. // 默认为0,扫描结果由微信处理,1则直接返回扫描结果
  34. // needResult : 0,
  35. // success : function(res) {
  36. // // window.location.href=res.resultStr;
  37. // }
  38. // });
  39. // wx.closeWindow();
  40. // });
  41. // function saoyisao(){
  42. // wx.scanQRCode({
  43. // // 默认为0,扫描结果由微信处理,1则直接返回扫描结果
  44. // needResult : 1,
  45. // success : function(res) {
  46. // window.location.href=res.resultStr;
  47. // }
  48. // });
  49. // }
  50. $("#location").click(function() {
  51. wx.getLocation({
  52. type: 'gcj02', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
  53. success: function (res) {
  54. var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
  55. var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
  56. var speed = res.speed; // 速度,以米/每秒计
  57. var accuracy = res.accuracy; // 位置精度
  58. }
  59. });
  60. });
  61. var latitude = 32.19576;
  62. var longitude = 121.3051;
  63. $("#ditu").click(function() {
  64. wx.openLocation({
  65. latitude: latitude, // 纬度,浮点数,范围为90 ~ -90 / 31.19684
  66. longitude: longitude, // 经度,浮点数,范围为180 ~ -180。/ 121.3152
  67. name: '黄浦旅游集散站停车场', // 位置名
  68. address: '闵行区虹梅路283号', // 地址详情说明
  69. scale: 14, // 地图缩放级别,整形值,范围从1~28。默认为最大
  70. infoUrl: 'http://www.zhizhuchuxing.com' // 在查看位置界面底部显示的超链接,可点击跳转
  71. });
  72. });
  73. </script>
  74. </html>