前言

地圖定位功能基本上已經成了日常應用程序的必備功能之一，在日常開發地圖定位的功能的時候難免會遇到很多意想不到的問題，本篇文章記錄日常開發過程中的細節與完整的流程，幫助更多的開發者避免遇到類似的問題，建議點贊收藏！

實現效果

需求分析

• 首先需要實現一個自定義的圖標替代系統默認的箭頭。
• 獲取定位權限與位置信息。
• 獲取定位結果并展示當前位置。

技術實現

1. 在鴻蒙的實際開發過程中，地圖定位權限首先需要申請兩個權限，分別是：

const permissions: Array< Permissions > = [
  'ohos.permission.APPROXIMATELY_LOCATION',
  'ohos.permission.LOCATION'
]

static applyPermission(context: common.UIAbilityContext, permissions: Array< Permissions >, grantedBlock: () = > void,
                       deniedBlock?: () = > void) {
  let atManager = abilityAccessCtrl.createAtManager()
  let permissionGrantedNumber: number = 0 //記錄已經授權的總個數
  atManager.requestPermissionsFromUser(context, permissions).then((data) = > {
    for (let index = 0; index < data.authResults.length; index++) {
      if (data.authResults[index] == 0) { //已授權
        permissionGrantedNumber++;
      }
    }
    if (permissionGrantedNumber == permissions.length) {
      grantedBlock()
    } else {
      if (deniedBlock) {
        deniedBlock()
      } else {
        //打開系統設置
        PermissionUtil.openPermissionsInSystemSettings(context)
      }
    }
  })
}

2. 兩個權限必須同時申請，缺一不可，同時如果權限是被拒絕過的，那就要手動打開系統設置，跳轉到對應應用程序的位置提示用戶手動打開權限。

let bundleInfo: bundleManager.BundleInfo =
      await bundleManager.getBundleInfoForSelf(bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION);

    let wantInfo: Want = {
      bundleName: 'com.huawei.hmos.settings',
      abilityName: 'com.huawei.hmos.settings.MainAbility',
      uri: 'application_info_entry',
      parameters: {
        settingsParamBundleName: bundleInfo.name
      }
    }
    context.startAbility(wantInfo).then(() = > {
    })

3. 得到系統授權后，開始使用高德定位。

let listener: IAMapLocationListener = {
      onLocationChanged: (location) = > {
        console.info('地圖定位成功:  ')
      }, onLocationError: (e) = > {
        console.info('地圖定位失敗:  ' + JSON.stringify(e))
        if (!this.hasUserLocation) {
          // 嘗試獲取緩存位置
          this.getLastLocation(success, error)
        }
      }
    };
    LocationManager.getInstance().addListener(listener)

4. 定位成功后，添加用戶自定義的圖標。

this.aMap?.moveCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(userLat,userLon), 15));
          let options: MarkerOptions = new MarkerOptions();
          options.setPosition(new LatLng(userLat, userLon));
          options.setIcon(await BitmapDescriptorFactory.fromView(() = > {
            this.customMarkerBuilder()
          }))
          this.aMap?.addMarker(options);

//自定義圖標
 @Builder
  customMarkerBuilder(){
    Image($r("app.media.user_location_icon"))
      .width($r('app.float.vp_40'))
      .height($r('app.float.vp_40'))
  }

5. 這里需要特別注意經緯度 userLat，userLon 必須是 float 類型，不然定位不準。這點一定要注意。因為鴻蒙沒有提供 float 類型的屬性，這里需要使用 Number.parseFloat 對數據進行轉換。（真實慘痛經歷，定位跑到歐洲去了）。
6. 當完成這些操作，大多數人都認為基本上可以正常顯示了，但是萬萬沒想到地圖依然沒有定位到當前位置。這是因為很多人忽略了系統的 GPS 定位按鈕是否打開，也就是系統下拉菜單中的位置圖標。

7. 必須在檢查權限的時候，檢查系統位置開關是否打開。

let location =  geoLocationManager.isLocationEnabled()
      console.log("定位權限是否開啟:"+location)

8. 如果沒有打開，則需要跳轉到系統對應的位置提示用戶打開。

context.startAbility(
          {
            bundleName: "com.huawei.hmos.settings",

            abilityName: "com.huawei.hmos.settings.MainAbility",

            uri: "location_manager_settings"

          },

9. 完成以上操作，地圖就能正常顯示自定義位置圖標了。

總結

鴻蒙對于位置權限要求十分嚴格，必須同時滿足兩個權限申請，同時也要注意 GPS 的位置開關是否正常打開。另外特別注意的是經緯度是否是 float 類型，否則會導致位置跑偏。學會的小伙伴趕緊動手試試吧！

審核編輯 黃宇