> 웹 프론트엔드 > JS 튜토리얼 > JS를 사용하여 지역 위도와 경도를 얻는 방법

JS를 사용하여 지역 위도와 경도를 얻는 방법

不言
풀어 주다: 2018-07-17 16:05:37
원래의
4027명이 탐색했습니다.

이 글의 내용은 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)
      })
로그인 후 복사

기억하세요, 이는 비동기 작업이므로 좌표를 구한 후 실행해야 하는 코드는 함수 바로 뒤에 작성할 수 없고 그 후에 작성해야 합니다(댓글에 적힌 위치 참조)

관련 권장사항:

위도와 경도를 얻는 WeChat js 값을 전달하는 방법

위 내용은 JS를 사용하여 지역 위도와 경도를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿