ホームページ > ウェブフロントエンド > jsチュートリアル > JSを使用してローカルの緯度と経度を取得する方法

JSを使用してローカルの緯度と経度を取得する方法

不言
リリース: 2018-07-17 16:05:37
オリジナル
4012 人が閲覧しました

この記事の内容は、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に書く必要があります(コメントに書かれている場所を参照)

関連する推奨事項:

WeChat js で緯度と経度を取得する 値を渡す方法

以上がJSを使用してローカルの緯度と経度を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート