js怎么获取设备的地理位置

最新推荐文章于 2024-07-23 15:23:17 发布

X.Py

最新推荐文章于 2024-07-23 15:23:17 发布

阅读量3k

点赞数 1

分类专栏：地图文章标签： javascript

本文链接：https://blog.csdn.net/qq_45301392/article/details/116233744

版权

地图专栏收录该内容

3 篇文章 1 订阅

订阅专栏

本文介绍了如何通过JavaScript的Geolocation API获取设备的当前位置信息，包括经纬度。使用`navigator.geolocation.getCurrentPosition()`方法可以简单直接地获取到位置，并提供了包含正确处理、错误处理及配置选项的完整示例。在获取位置时，还可以设置精度、超时和缓存等选项。

摘要由CSDN通过智能技术生成

一、场景

希望点击一个按钮，获取当前设备的位置信息，经纬度。

二、获取使用MDN 提供的方法

不多说，一个方法直接获取到经纬度：
Geolocation.getCurrentPosition() 方法用来获取设备当前位置。

navigator.geolocation.getCurrentPosition(res=>{
	console.log(`res`, res)
	// res=> GeolocationPosition{
	//		coords:{	
	//			accuracy: 20185 // 准确度
	//			altitude: null  // 高度
	//			altitudeAccuracy: null
	//			heading: null
	//			latitude: 22.3193039 // 纬度
	//			longitude: 114.16936109999999 // 经度
	//		},
	//		timestamp: 1619592517698, // 时间戳
	// }
})

三、拓展

完整的方法应该是包含了✅正确的处理、❌错误的处理、还有配置option；

getad() {
  const options = {
    enableHighAccuracy: true,
    timeout: 5000,
    maximumAge: 0
  }
  function success(pos) {
    console.log(`pos`, pos)
    const crd = pos.coords;

    console.log('Your current position is:');
    console.log('Latitude : ' + crd.latitude);
    console.log('Longitude: ' + crd.longitude);
    console.log('More or less ' + crd.accuracy + ' meters.');
  }
  
  function error(err) {
    console.warn('ERROR(' + err.code + '): ' + err.message);
  }

  navigator.geolocation.getCurrentPosition(success, error, options);
}