Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 获取当前位置

作者:傲世,小狂徒   发布日期:2026-01-25   浏览:62

// 使用浏览器的 Geolocation API 获取当前位置

if (navigator.geolocation) {
    // 如果浏览器支持 geolocation
    navigator.geolocation.getCurrentPosition(function(position) {
        // 成功获取位置信息后的回调函数
        console.log("纬度: " + position.coords.latitude);
        console.log("经度: " + position.coords.longitude);
        console.log("精度: " + position.coords.accuracy);
    }, function(error) {
        // 获取位置信息失败后的回调函数
        console.error("获取位置信息失败:", error.message);
    });
} else {
    // 浏览器不支持 geolocation
    console.error("浏览器不支持获取地理位置功能");
}

解释说明:

  1. navigator.geolocation:这是浏览器提供的一个接口,用于获取用户的地理位置信息。
  2. getCurrentPosition():该方法用于获取用户当前的位置信息。它接受两个参数:
    • 第一个参数是成功获取位置后的回调函数,返回一个 position 对象。
    • 第二个参数是获取位置失败时的回调函数,返回一个 error 对象。
  3. position.coords:包含位置的具体信息,如纬度、经度和精度等。
  4. 错误处理:如果获取位置失败,会调用第二个回调函数,并输出错误信息。

这个代码片段可以帮助你在网页中获取用户的当前位置,并在控制台中打印出经纬度等信息。

上一篇:js start

下一篇:js query

大家都在看

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 数组对象合并

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站