当前位置: 首页 >>常用API接入 >>微信公众号 >>微信JS获取坐标功能

微信JS获取坐标功能

时间:2018/6/1 14:03:17 【admin】

微信JS获取坐标功能…

<div class="bd">

    <div class="weui_cells">

        <div class="weui_cell_bd weui_cell_primary">

            <span id="locationText"></span>

        </div>

        <div class="weui_cell">

            <button class="weui_btn weui_btn_primary" id="getLocationId">getLocation</button>

        </div>

        <div class="weui_cell">

            <button class="weui_btn weui_btn_primary" id="openLocationId">openLocation</button>

        </div>

    </div>

</div>

</body>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><!--调用JSSDK-->

<script>


    //JSSDK配置参数 通过config接口注入权限验证配置

    wx.config({

        debug: false,

        appId: '@AppId',

        timestamp:@PubFun.DrvGetTimeStamp(),

    nonceStr: 'abcd',

    signature: 'adsfsdds',

    jsApiList: [

      'checkJsApi',

      'onMenuShareTimeline',

      'onMenuShareAppMessage',

      'onMenuShareQQ',

      'onMenuShareWeibo',

      'hideMenuItems',

      'showMenuItems',

      'hideAllNonBaseMenuItem',

      'showAllNonBaseMenuItem',

      'translateVoice',

      'startRecord',

      'stopRecord',

      'onRecordEnd',

      'playVoice',

      'pauseVoice',

      'stopVoice',

      'uploadVoice',

      'downloadVoice',

      'chooseImage',

      'previewImage',

      'uploadImage',

      'downloadImage',

      'getNetworkType',

      'openLocation',

      'getLocation',

      'hideOptionMenu',

      'showOptionMenu',

      'closeWindow',

      'scanQRCode',

      'chooseWXPay',

      'openProductSpecificView',

      'addCard',

      'chooseCard',

      'openCard'

    ]

    });

</script>

<script>


    //通过ready接口处理成功验证,加载直接调用的程序放在ready中,这里目前为空

    wx.ready(function () {


    });


    //这块是用jQuery来把wx.getLocation获取到的值显示在页面中的id=LocationText的位置

    document.querySelector('#getLocationId').onclick = function () {

        wx.getLocation({

            success: function (res) {

                alert(JSON.stringify(res));

                var latitude = res.latitude; //纬度

                var longitude = res.longitude; //经度

                var speed = res.speed; //速度

                var accuracy = res.accuracy; //位置精度

                var errMsg = res.errMsg; //结果状态

                var locationStr = "latitude:"+latitude+","+"longitude:"+longitude+","+"speed:"+speed+","+"accuracy:"+accuracy+","+"errMsg:"+errMsg;

                alert(locationStr);

                $("#locationText").text(locationStr);

            },

            cancel: function (res) {

                alert('用户拒绝授权获取地理位置');

            },

            fail: function (res) {

                alert(JSON.stringify(res));

            }

        });//end wx.getLocation


    };//end document


    document.querySelector('#openLocationId').onclick = function(){


        wx.openLocation({

            latitude: 39.914139,

            longitude: 116.466881,

            name: "国贸", //要写引号

            address: "北京市朝阳区建国门外大街国贸桥", //要写引号

            scale: 15,

            infoUrl: "http://www.baidu.com" //要写引号

        }); //end wx.openLocation


    };//end document


    wx.error(function (res) {

        alert(res.errMsg);

    });

</script>


相关文章

CopyRight:2007-2018 语言吧 备案ICP:湘ICP备09009000号-15 http://www.yuyanba.com

分享按钮