最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

怎么使用JS得到本地经纬度

来源:动视网 责编:小采 时间:2020-11-27 19:33:26
文档

怎么使用JS得到本地经纬度

怎么使用JS得到本地经纬度:本篇文章给大家分享的内容是使用js获取本地经纬度,有需要的朋友可以参考一下一个最简单的调用方法window.navigator.geolocation.getCurrentPosition(function (position) { console.log(position.coords.latitude) co
推荐度:
导读怎么使用JS得到本地经纬度:本篇文章给大家分享的内容是使用js获取本地经纬度,有需要的朋友可以参考一下一个最简单的调用方法window.navigator.geolocation.getCurrentPosition(function (position) { console.log(position.coords.latitude) co


本篇文章给大家分享的内容是使用js获取本地经纬度,有需要的朋友可以参考一下

一个最简单的调用方法

window.navigator.geolocation.getCurrentPosition(function (position) {
 console.log(position.coords.latitude)
 console.log(position.coords.longitude)
})

封装好的代码如下:

function getPosition () {
 return new Promise((resolve, reject) => {
 if (navigator.geolocation) {
 navigator.geolocation.getCurrentPosition(function (position) {
 let latitude = position.coords.latitude
 let longitude = position.coords.longitude
 let data = {
 latitude: latitude,
 longitude: longitude
 }
 resolve(data)
 }, function () {
 reject(arguments)
 })
 } else {
 reject('你的浏览器不支持当前地理位置信息获取')
 }
 })
}

调用方法如下:

 // 获取当前经纬度坐标
 getPosition().then(result => {
 // 返回结果示例:
 // {latitude: 30.318030999999998, longitude: 120.05561639999999}
 // 一般小数点后只取六位,所以用以下代码搞定
 let queryData = {
 longtitude: String(result.longitude).match(/\d+\.\d{0,6}/)[0],
 latitude: String(result.latitude).match(/\d+\.\d{0,6}/)[0],
 channelType: '00'
 }
 console.log(queryData)
 // 以下放置获取坐标后你要执行的代码:
 // ...
 }).catch(err => {
 console.log(err)
 })

记得,这是一个异步操作,所以获取坐标后需要执行的代码不能直接写在函数后面,而是应该写在then里面(参照注释所写的位置)

文档

怎么使用JS得到本地经纬度

怎么使用JS得到本地经纬度:本篇文章给大家分享的内容是使用js获取本地经纬度,有需要的朋友可以参考一下一个最简单的调用方法window.navigator.geolocation.getCurrentPosition(function (position) { console.log(position.coords.latitude) co
推荐度:
标签: 获取 获得 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top