react native 獲取地理位置

此版本是0.47
react native 官網介紹了這個 api Geolocation 但是這個api只能返回 經緯度 所以要把經緯度 通過逆地理位置轉義 http://recode.ditu.aliyun.com/jsdoc/geocode_api.html 可通過這個阿里的開放接口
RN 0.55以下版本需要導入 不包括0.55

import Geolocation from 'Geolocation';

0.55 以及0.55以上 Android 上獲取可能存在問題 官網介紹如下:


image.png

具體實現

import Geolocation from 'Geolocation';

    ......

  getlocal() {
    Geolocation.getCurrentPosition(
      val => {
        let ValInfo =
          '速度:' +
          val.coords.speed +
          '\n經度:' +
          val.coords.longitude +
          '\n緯度:' +
          val.coords.latitude +
          '\n準確度:' +
          val.coords.accuracy +
          '\n行進方向:' +
          val.coords.heading +
          '\n海拔:' +
          val.coords.altitude +
          '\n海拔準確度:' +
          val.coords.altitudeAccuracy +
          '\n時間戳:' +
          val.timestamp;
        this.setState({ LocalPosition: ValInfo });
        console.log("打印地理位置:"+`${val.coords.longitude},${val.coords.latitude}`)
        GET_GPRS({
          "l":`${val.coords.latitude},${val.coords.longitude}`,
          "type":111,
        }).then(res => {
          console.log(JSON.stringify(res))
        })
      },
      val => {
        let ValInfo = '獲取坐標失敗:' + val;
        this.setState({ LocalPosition: ValInfo }); //如果為空的話 沒允許開啟定位服務

      },
    );
  }

這里的 GET_GPRS 是自己封裝的 fech請求
記得開啟 位置訪問權限
打印結果如下:

image.png

有點尷尬 好吧 給人家 大碗菜做了廣告

權限不要忘記加


image.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 并不是所有的APP都要獲取你當前的地理位置的,但是有的APP對這方面是特別重要的,例如催收的行業,準確獲取借款人的...
    噩夢無限閱讀 4,918評論 5 53
  • 文章圖片上傳不正常,如需文檔,可聯系微信:1017429387 目錄 1 安裝... 4 1.1 配置探針... ...
    Mrhappy_a7eb閱讀 6,434評論 0 5
  • 今天休息。 送囡囡去學校后照例回家補覺,一直睡到11點才醒,納悶自己現在怎么這么能睡?三元當然也在我被子上睡了一上...
    依露生閱讀 460評論 0 2
  • 當他說,等我掙錢了給你也買一輛這車,我應該看著他說,好!等你掙錢就給我買 不要老提前男友
    六日即為晶晶閱讀 149評論 0 0
  • 伴君一程山水,到此 綠意不在的村莊 于這簌簌的夜 憶著初始的美麗 落葉,與風、與古老的街巷 回旋摩挲,仿佛在書寫著...
    瀟寒月閱讀 854評論 21 12