navigator.geolocation.getCurrentPosition()用于获得用户的地理位置

效果图展示：

网页端和移动端的使用：

备注：鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。

• Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。
• 对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。

参考链接：geolocation.getCurrentPosition

 

核心代码：

     /**
     * 获取我的位置
     */
    getNavigatorLocation: function (coords) {
        if (!coords) {
            navigator.geolocation.getCurrentPosition(function (success) {
                if (success && success.coords) {
                    var data = success.coords;
                    var point = "POINT(" + data.longitude + " " + data.latitude + ")";
                    let _point = new ol.format.WKT().readGeometry(point).getCoordinates();
                    let _text = GlobalUtils.tranSFormCoodinate(_point, true);
                    console.log('获取手机当前的经纬度>>>', _text.text);
                    $(".yuming-gemo-box span").text(_text.text)
                } else {
                    layui.layer.msg("获取手机位置失败，请检查gps权限是否拒绝了")
                }
            }, function (err) {
                layui.layer.msg("获取手机位置失败，请检查gps权限是否拒绝了")
                return null;
            })
        } else {
            $(".yuming-gemo-box span").text(coords)
        }
    },

调用成功返回的结果：

getCurrentPosition() 方法 - 返回数据