利用JSSDK在网页中获取地理位置

第一部分：引入JSSDK库和初始化配置

在获取地理位置之前，我们需要先引入微信JS-SDK库，并初始化一些配置：

    wx.config({
        debug: false,
        appId: 'your appid',
        timestamp: Date.now(),
        nonceStr: 'your noncestr',
        signature: 'your signature',
        jsApiList: ['checkJsApi', 'getLocation']
    });
    

第二部分：检查当前设备是否支持获取地理位置

我们需要先检查当前设备是否支持获取地理位置：

    wx.checkJsApi({
        jsApiList: ['getLocation'],
        success: function(res) {
            if (res.checkResult.getLocation==false) {
                alert("当前设备不支持获取地理位置！");
                return;
            }
        }
    });
    

第三部分：获取地理位置

当前设备支持获取地理位置，我们就可以通过以下方法获取地理位置了：

    wx.getLocation({
        type: 'gcj02',
        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:' + latitude + ', longitude:' + longitude + ', speed:' + speed + ', accuracy:' + accuracy);
        }
    });
    

第四部分：总结

利用JSSDK在网页中获取地理位置的过程可以分为引入JSSDK库和初始化配置、检查当前设备是否支持获取地理位置、获取地理位置3部分。在这个过程中，我们需要先引入微信JS-SDK库，并初始化一些配置；然后检查当前设备是否支持获取地理位置，如果不支持就提示用户；最后通过getLocation()方法获取地理位置。需要注意的是，getLocation()方法只能在用户允许的情况下使用，如果用户没有允许访问地理位置，该方法将不能成功执行。