欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

uni-app微信小程序獲取用戶地理位置信息 - 新聞資訊 - 云南小程序開(kāi)發(fā)|云南軟件開(kāi)發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開(kāi)發(fā)/軟件開(kāi)發(fā)

知識(shí)

不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X(jué)表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!

您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >

uni-app微信小程序獲取用戶地理位置信息

發(fā)表時(shí)間:2020-10-8

發(fā)布人:葵宇科技

瀏覽次數(shù):138

uni-app 小程序項(xiàng)目無(wú)法直接獲取到地理位置,只能通過(guò)獲取到的經(jīng)緯度,調(diào)用第三方地圖Api獲取。

1.在 manifest.json - 微信小程序配置 - 填寫微信小程序AppID、選擇位置接口,填寫申請(qǐng)?jiān)?/p>

2.選擇第三方地圖Api,因?yàn)槭亲鲂〕绦?#xff0c;這里選擇騰訊地圖

3.注冊(cè)、登陸后,在控制臺(tái) - key管理中創(chuàng)建秘鑰

4.引入騰訊地圖Api

5.授權(quán)調(diào)用已經(jīng)封裝好的方法,獲取經(jīng)緯度解析出地理位置信息

6.如果用戶未授權(quán),默認(rèn)會(huì)執(zhí)行fail回調(diào),所以添加提示框進(jìn)行重新授權(quán)確認(rèn)

/**
 * @Author: licheng
 * @Date: 2019/12/21 6:06 下午
 * @Description:
 */
import QQMapWX from "../static/js/qqmap-wx-jssdk.min.js";

const getCity = () => {
  return new Promise((resolve, reject) => {
    // 獲取授權(quán)信息
    uni.getSetting({
      success: res => {
        // console.log(res);
        if (res.authSetting && res.authSetting.hasOwnProperty("scope.userLocation")) {
          if (res.authSetting["scope.userLocation"]) {
            getCityInfo();
          } else {
            uni.showModal({
              title: "提示",
              content: "請(qǐng)重新授權(quán)獲取你的地理位置,否則部分功能將無(wú)法使用",
              success: (res) => {
                if (res.confirm) {
                  uni.openSetting({
                    success: () => getCityInfo()
                  });
                } else {
                  reject("請(qǐng)授權(quán)獲取你的地理位置,否則部分功能將無(wú)法使用!");
                }
              },
            });
          }
        } else {
          getCityInfo();
        }
      }
    });

    // 獲取地理位置信息
    const getCityInfo = () => {
      // 騰訊地圖Api
      const qqmapsdk = new QQMapWX({ key: "這里填寫騰訊地圖的秘鑰" });
      // 授權(quán)
      uni.authorize({
        scope: "scope.userLocation",
        success: () => {
          uni.getLocation({
            type: "gcj02", //  wgs84: 返回GPS坐標(biāo),gcj02: 返回國(guó)測(cè)局坐標(biāo)
            success: res => {
              const {latitude, longitude} = res;
              const location = {latitude, longitude};
              qqmapsdk.reverseGeocoder({
                location,
                success: res => resolve(res.result)
              });
            }
          });
        },
        fail: () => reject("請(qǐng)授權(quán)獲取你的位置,否則部分功能將無(wú)法使用!"),
      });
    };
  });
};

export default getCity;

轉(zhuǎn)載:uni-app 小程序項(xiàng)目獲取地理位置

相關(guān)案例查看更多