You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Android端flutter_inappwebview加载Google地图时标记图标不显示求助

解决flutter_inappwebview Android端Google地图标记图标不显示问题

以下是针对性的排查和解决步骤:

  • 检查WebView核心设置
    确保启用JavaScript并允许混合内容加载,这是地图资源正常渲染的基础:

    InAppWebView(
      initialUrlRequest: URLRequest(url: WebUri("你的地图网页URL")),
      initialSettings: InAppWebViewSettings(
        javaScriptEnabled: true,
        javaScriptCanOpenWindowsAutomatically: true,
        // 若图标资源为HTTP协议、页面为HTTPS,需开启混合内容允许
        mixedContentMode: MixedContentMode.MIXED_CONTENT_ALWAYS_ALLOW,
      ),
    )
    
  • 调整User-Agent模拟浏览器环境
    部分网站会根据User-Agent限制资源加载,将WebView的UA设置为手机浏览器的UA:

    initialSettings: InAppWebViewSettings(
      userAgent: "Mozilla/5.0 (Linux; Android 13; SM-G998B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Mobile Safari/537.36",
    )
    
  • 优化Android配置

    1. 确认AndroidManifest.xml中已添加网络权限:
      <uses-permission android:name="android.permission.INTERNET" />
      
    2. 开启硬件加速,在<application>或目标<activity>标签中添加:
      android:hardwareAccelerated="true"
      
  • 清理缓存或调整缓存策略
    临时禁用缓存排除旧缓存干扰:

    initialSettings: InAppWebViewSettings(
      cacheMode: CacheMode.LOAD_NO_CACHE,
    )
    
  • 升级插件版本
    执行命令升级到最新稳定版,修复已知兼容问题:

    flutter pub upgrade flutter_inappwebview
    

内容的提问来源于stack exchange,提问作者Velicheti Sowmitri

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.01 19:25:28