UWP WebView无法显示Google Maps标记问题求助

云上老周

2026-7-22

解决方案：UWP WebView无法显示Google Maps标记问题

排查与修复步骤

确认Google Maps API状态
检查API密钥是否有效，是否启用了Maps JavaScript API，同时查看Google Cloud控制台的API使用日志，确认是否存在额度耗尽、权限变更或请求报错的情况。
升级UWP目标平台版本
当前目标版本为10.0.18362.0，建议升级到较新的稳定版本（如10.0.19041.0及以上）。旧版UWP WebView可能存在与新版Google Maps JS SDK的兼容性问题，升级后能修复部分底层兼容bug。
锁定Google Maps JS版本
避免使用无版本号的JS引用，指定稳定版本号加载，防止自动更新到不兼容版本：
```
<script src="https://maps.googleapis.com/maps/api/js?v=3.47&key=你的API密钥"></script>
```
检查WebView核心设置
确保UWP WebView启用了JavaScript和DOM存储，这是Google Maps渲染的必要条件：
```
webView.Settings.IsJavaScriptEnabled = true;
webView.Settings.IsDomStorageEnabled = true;
```

验证内容安全策略（CSP）
如果页面配置了CSP，需允许加载Google Maps相关资源，示例规则如下：

script-src 'self' https://maps.googleapis.com https://maps.gstatic.com;
img-src 'self' https://maps.gstatic.com https://maps.googleapis.com data:;
style-src 'self' 'unsafe-inline' https://maps.googleapis.com https://maps.gstatic.com;

清除WebView缓存
缓存异常可能导致资源加载失败，执行以下代码清除缓存：
```
await Windows.Web.Http.Filters.HttpBaseProtocolFilter.ClearCacheAsync();
```
排查标记代码逻辑
在桌面浏览器中测试相同的HTML页面，确认标记创建的JS代码无语法错误、坐标正确、图标资源可访问，排除页面自身问题。