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

js 获取定位

作者:冫LOVE灬丶棒棒   发布日期:2025-07-30   浏览:20

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

if (navigator.geolocation) {
    // 如果浏览器支持地理定位
    navigator.geolocation.getCurrentPosition(success, error);
} else {
    // 浏览器不支持地理定位
    console.log("Geolocation is not supported by this browser.");
}

function success(position) {
    // 成功获取位置信息时调用
    const latitude = position.coords.latitude;  // 纬度
    const longitude = position.coords.longitude;  // 经度
    console.log(`Latitude: ${latitude}, Longitude: ${longitude}`);
}

function error() {
    // 获取位置信息失败时调用
    console.log("Unable to retrieve your location.");
}

解释说明:

  1. navigator.geolocation:用于检测浏览器是否支持地理定位功能。
  2. getCurrentPosition(success, error):尝试获取用户的当前地理位置。它接受两个回调函数,一个是成功时调用的 success 函数,另一个是失败时调用的 error 函数。
  3. position.coords.latitudeposition.coords.longitude:分别表示获取到的纬度和经度信息。
  4. 错误处理:如果无法获取位置信息,会触发 error 回调函数,并输出相应的错误信息。

如果你在使用这段代码时遇到问题,请确保浏览器已经允许访问地理位置信息。

上一篇:js 代码加密

下一篇:js 监听url变化

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 点击空白区域触发事件

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

Laravel 中文站