So verwenden Sie JS, um den lokalen Breiten- und Längengrad zu ermitteln

Der Inhalt dieses Artikels besteht darin, js zu verwenden, um den lokalen Längen- und Breitengrad zu erhalten. Freunde in Not können sich auf

Die einfachste Aufrufmethode

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

Der gekapselte Code lautet wie folgt:

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

Die aufrufende Methode lautet wie folgt:

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

Denken Sie daran, dass es sich um eine asynchrone Operation handelt, sodass der Code, der nach dem Abrufen der Koordinaten ausgeführt werden muss, nicht direkt nach der Funktion geschrieben werden kann, sondern sollte dann eingeschrieben werden (siehe Der in der Anmerkung angegebene Ort)

Verwandte Empfehlungen:

So erhalten Sie den Längen- und Breitengrad mit WeChat js

Das obige ist der detaillierte Inhalt vonSo verwenden Sie JS, um den lokalen Breiten- und Längengrad zu ermitteln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!