Maison  >  Article  >  interface Web  >  Comment utiliser JS pour obtenir la latitude et la longitude locales

Comment utiliser JS pour obtenir la latitude et la longitude locales

不言
不言original
2018-07-17 16:05:373961parcourir

Le contenu de cet article est d'utiliser js pour obtenir la longitude et la latitude locales. Les amis dans le besoin peuvent se référer à

La méthode d'appel la plus simple

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

Code encapsulé comme suit :

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('你的浏览器不支持当前地理位置信息获取')
    }
  })
}

La méthode d'appel est la suivante :

      // 获取当前经纬度坐标
      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)
      })

N'oubliez pas qu'il s'agit d'une opération asynchrone, donc le code qui doit être exécuté après l'obtention des coordonnées ne peut pas être écrit directement après la fonction, mais devrait l'écrire à l'intérieur ensuite (se référer à la position écrite dans le commentaire)

Recommandations associées :

Comment transmettre la valeur de longitude et de latitude en utilisant WeChat js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn