微信获取地理位置转城市demo

    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak= 你的key"></script>  
    <?php $signPackage=GetSignPackage();?>
    <script language="javascript" type="text/javascript">
    <!-- //获取地理位置 -->
    wx.config({
        debug: false,//这里是开启测试,如果设置为true,则打开每个步骤,都会有提示,是否成功或者失败
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp: '<?php echo $signPackage["timestamp"];?>',
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: [
          // 所有要调用的 API 都要加到这个列表中
            'getLocation'
        ]
    });
    
    wx.ready(function () {
        wx.getLocation({
            type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
            success: function (res) {
                //alert(res.latitude);
                var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
                var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
                var speed = res.speed; // 速度,以米/每秒计
                var accuracy = res.accuracy; // 位置精度
                var gc = new BMap.Geocoder();
                var pointAdd = new BMap.Point(res.longitude, res.latitude);
                gc.getLocation(pointAdd, function(rs) {
                    var city = rs.addressComponents.city;
                    $(".citycon").text(city.replace('市',''));
                });
            },
            //用户取消授权位置回调函数
            cancel:function(res){
                //下面执行定位后的函数
                $(".citycon").text('请选择');
            },
            fail: function () { 
              // 用户shibai分享后执行的回调函数
                $(".citycon").text('请选择');
            }
        });
        
    });
    </script>

 微信文档地址: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

 

转载于:https://www.cnblogs.com/wangzhaobo/p/9267505.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值