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

Comment utiliser JS pour obtenir la latitude et la longitude locales

不言
Libérer: 2018-07-17 16:05:37
original
4012 Les gens l'ont consulté

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)
})
Copier après la connexion

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

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)
      })
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal