HarmonyOS Webview有关位置管理的示例

H5调起原生侧的位置服务。

HarmonyOS

Heiang

2024-09-04 11:32:53

浏览

回答 1

待解决

回答 1

按赞同

按时间

superinsect

1、配置权限：

{ 
  "name": "ohos.permission.LOCATION" 
}, 
{ 
  "name": "ohos.permission.APPROXIMATELY_LOCATION" 
}

2、前端页面代码

<!DOCTYPE html> 
  <html> 
  <body> 
  <p id="locationInfo">位置信息</p> 
  <button onclick="getLocation()">获取位置</button> 
  <script> 
  var locationInfo=document.getElementById("locationInfo"); 
function getLocation(){ 
  if (navigator.geolocation) { 
    <!-- 前端页面访问设备地理位置 --> 
    navigator.geolocation.getCurrentPosition(showPosition); 
  } 
} 
function showPosition(position){ 
  locationInfo.innerHTML="Latitude: " + position.coords.latitude + "<br />Longitude: " + position.coords.longitude; 
} 
</script> 
  </body> 
  </html>

3、ets页面

// xxx.ets 
import web_webview from '@ohos.web.webview'; 
import { abilityAccessCtrl, common } from '@kit.AbilityKit'; 
import { BusinessError } from '@ohos.base'; 
 
let context = getContext(this) as common.UIAbilityContext; 
let atManager = abilityAccessCtrl.createAtManager(); 
 
// 向用户请求位置权限设置。 
atManager.requestPermissionsFromUser(context, ["ohos.permission.APPROXIMATELY_LOCATION"]).then((data) => { 
  console.info('data:' + JSON.stringify(data)); 
  console.info('data permissions:' + data.permissions); 
  console.info('data authResults:' + data.authResults); 
}).catch((error: BusinessError) => { 
  console.error(`Failed to request permissions from user. Code is ${error.code}, message is ${error.message}`); 
}) 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  build() { 
    Column() { 
      Web({ src:$rawfile('local/getLocation.html'), controller:this.controller }) 
        .geolocationAccess(true) 
        .onGeolocationShow((event) => { // 地理位置权限申请通知 
          AlertDialog.show({ 
            title: '位置权限请求', 
            message: '是否允许获取位置信息', 
            primaryButton: { 
              value: 'cancel', 
              action: () => { 
                if (event) { 
                  event.geolocation.invoke(event.origin, false, false); // 不允许此站点地理位置权限请求 
                } 
              } 
            }, 
            secondaryButton: { 
              value: 'ok', 
              action: () => { 
                if (event) { 
                  event.geolocation.invoke(event.origin, true, false); // 允许此站点地理位置权限请求 
                } 
              } 
            }, 
            cancel: () => { 
              if (event) { 
                event.geolocation.invoke(event.origin, false, false); // 不允许此站点地理位置权限请求 
              } 
            } 
          }) 
        }) 
    } 
  } 
}

2024-09-04 17:42:50

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS Webview有关位置管理的示例

订阅鸿蒙技术特刊，精选内容抢先看