使用mdn的getCurrentPosition API获取当前位置

在Javascript中，我们可以使用浏览器的getCurrentPosition API获取当前位置信息。这个API是通过浏览器的Geolocation服务来实现的。

API定义

navigator.geolocation.getCurrentPosition(successCallback, errorCallback, options);

• successCallback：当定位成功时要调用的回调函数。
• errorCallback：当定位失败时要调用的回调函数。
• options：一个可选的对象，其中包含一些用于指定定位选项的属性。跨浏览器支持的属性包括：
  • enableHighAccuracy：是否使用高精度模式，默认为false。如果启用，将使用更多的电池电量并可能需要更长的时间来定位设备。
  • maximumAge：定位缓存的最长时间（毫秒）。如果设备可用，则可能会从缓存中获取定位数据。默认值为0，表示不使用缓存。
  • timeout：在放弃获取位置之前等待的毫秒数。默认值为Infinity，表示无限等待。

使用示例

下面是一个简单的示例，展示如何使用getCurrentPosition API来获取当前位置信息。

navigator.geolocation.getCurrentPosition(function(position) {
  console.log('当前位置：', position.coords.latitude, position.coords.longitude);
}, function(error) {
  console.error('定位失败：', error.message);
});

在这个例子中，我们使用了一个匿名函数作为成功回调函数，并打印了经度和纬度信息。如果定位失败，将使用另一个匿名函数作为错误回调函数，并打印错误消息。

兼容性

getCurrentPosition API在主流浏览器中都得到了广泛支持。在移动设备上也可以使用，但可能需要用户授权。如果用户拒绝授权，则API调用将失败。要考虑到这种情况并正确处理失败回调。

参考

• MDN Web Docs - Geolocation.getCurrentPosition