zoukankan      html  css  js  c++  java
  • php,微信公众号,获取用户地理位置 定位 经纬度

    <?php
    //php插件下载地址: https://files.cnblogs.com/files/fan-bk/jssdk_php.rar 
    //建立一个php文件
    require_once "jssdk_php/jssdk.php";  //引入下载的PHP插件
    $jssdk = new JSSDK("这里填写appid","这里填写密匙");//填写公众号 密匙
    $signPackage = $jssdk->GetSignPackage();
    ?>
    <!DOCTYPE html>
    <html>
    <body>
     <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
     <script>
     wx.config({
       debug: false,  //调式模式,设置为ture后会直接在网页上弹出调试信息,用于排查问题
       appId: '<?php echo $signPackage["appId"];?>',
       timestamp: <?php echo $signPackage["timestamp"];?>,
       nonceStr: '<?php echo $signPackage["nonceStr"];?>',
       signature: '<?php echo $signPackage["signature"];?>',
       jsApiList: [ // 所有要调用的 API 都要加到这个列表中
           'checkJsApi',
           'openLocation',
           'getLocation'
    
       ]
     });
     wx.ready(function () {   
    
    wx.checkJsApi({
        jsApiList: [
            'getLocation'
        ],
        success: function (res) {
            // alert(JSON.stringify(res));
            // alert(JSON.stringify(res.checkResult.getLocation));
            if (res.checkResult.getLocation == false) {
                alert('你的微信版本太低,不支持微信JS接口,请升级到最新的微信版本!');
                return;
            }
        }
    });
    wx.getLocation({
        success: function (res) {
            var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
            var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
            var speed = res.speed; // 速度,以米/每秒计
            var accuracy = res.accuracy; // 位置精度
            alert(latitude+','+longitude+','+accuracy);
        },
        cancel: function (res) {
            alert('用户拒绝授权获取地理位置');
        }
    });
    
    });        
    wx.error(function (res) {
     //alert(res.errMsg);  //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示
    });
     </script>
    </body>
    </html>
    
  • 相关阅读:
    bzoj3993: [SDOI2015]星际战争
    bzoj3583: 杰杰的女性朋友 && 4362: Graph
    bzoj2260: 商店购物 && 4349: 最小树形图
    老oj3444 && Pku3241 Object Clustering
    bzoj3754: Tree之最小方差树
    bzoj2215: [Poi2011]Conspiracy
    老oj曼哈顿最小生成树
    bzoj2180: 最小直径生成树
    棋盘问题
    油田 Oil Deposits
  • 原文地址:https://www.cnblogs.com/fan-bk/p/8214279.html
Copyright © 2011-2022 走看看