JS H5 地理(Geolocation) API 使用

最新推荐文章于 2025-06-04 10:35:48 发布

原创最新推荐文章于 2025-06-04 10:35:48 发布 · 302 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

该代码段展示了一个JavaScript函数，用于检测浏览器是否支持geolocationAPI，并尝试获取用户的经度和纬度。如果成功，它会在弹窗中显示坐标；如果失败，会提示用户获取位置失败。


const getGeo = () => {
//判断是否可以使用
  if (window.navigator.geolocation) {
    alert("正在获取您的位置")
    //传入两个回调函数
    navigator.geolocation.getCurrentPosition(successPosition, errorPosition);
  }
}

// 成功的回调里面的返回值
const successPosition = (position) => {
  var jd = position.coords.longitude;
  var wd = position.coords.latitude;
  alert(jd + "," + wd)
}

//失败的回调
const errorPosition = () => {
  alert('获取位置失败')
}