HarmonyOS 鸿蒙Next 我使用web组件加载百度全景地图无法滑动页面移动视角

发布于 1周前 作者 ionicwang 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 我使用web组件加载百度全景地图无法滑动页面移动视角

我使用web组件来加载百度的全景地图,发现无法滑动页面,移动视角。大家知道这是什么情况吗?

3 回复

可能是UA相关问题。可以使用setcustomuseragent来设置下用户代理试下,参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-webview-V13#setcustomuseragent10

参考代码:

import { webview } from '@kit.ArkWeb'
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct Index {
  controller: webview.WebviewController = new webview.WebviewController()
  @State ua: string = "Mozilla/5.0 (Phone; OpenHarmony 5.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 ArkWeb/4.1.6.1 Mobile BeisenPlatform HarmonyOS NativeApp/6.8.0 Android 9";

  aboutToAppear(): void {
    webview.once('webInited', () => {
      try {
        // 应用侧用法示例,定制UserAgent。
        this.controller.setCustomUserAgent(this.ua);
      } catch (error) {
        console.error(`ErrorCode: ${(error as BusinessError).code},  Message: ${(error as BusinessError).message}`);
      }
    })
  }

  build() {
    Scroll() {
      Column() {
        Web({
          src: "加载的url",
          controller: this.controller
        })

      }
    }
  }
}

更多关于HarmonyOS 鸿蒙Next 我使用web组件加载百度全景地图无法滑动页面移动视角的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


感谢,我加载这个UA后,可以了。

在HarmonyOS鸿蒙Next系统中,若你遇到使用web组件加载百度全景地图时无法滑动页面移动视角的问题,这通常可能是由于事件处理或组件的兼容性问题导致。

首先确认web组件是否正确接收并处理了滑动事件。鸿蒙系统对事件的处理机制可能与传统的Web浏览器有所不同,需要确保事件监听器已正确绑定到页面或地图元素上,并且能够捕获到滑动事件。

其次,检查百度全景地图的API文档,确认是否有特定的初始化参数或方法用于启用或优化在移动设备上的滑动操作。有时,地图组件默认可能禁用或限制了某些交互操作,需要手动开启。

此外,考虑鸿蒙系统对CSS或JavaScript的某些特性支持可能存在差异,导致地图组件无法正确响应滑动事件。尝试简化页面结构,逐步排查可能的冲突或不支持的代码段。

最后,确认鸿蒙系统的版本及web组件库的版本是否为最新,有时软件更新能解决已知的兼容性问题。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部