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() 方法 - 返回数据