如何在 WebView 中的谷歌地图上呈现 javascript 标记？答案

【问题标题】：How to render javascript markers on google maps in WebView?如何在 WebView 中的谷歌地图上呈现 javascript 标记？
【发布时间】：2022-01-11 09:57:38
【问题描述】：

我正在尝试在 WebView 中的谷歌地图上呈现 javascript 标记，但标记未在 WebView 中显示。我已经设置了

        binding.webView.setWebViewClient(webViewHelper);
        binding.webView.setWebChromeClient(new WebChromeClient());
        binding.webView.getSettings().setJavaScriptEnabled(true);
        binding.webView.getSettings().setDomStorageEnabled(true);
        binding.webView.getSettings().setLoadWithOverviewMode(true);
        binding.webView.getSettings().setUseWideViewPort(true);
        binding.webView.getSettings().setBuiltInZoomControls(true);
        binding.webView.getSettings().setDisplayZoomControls(false);
        binding.webView.getSettings().setSupportZoom(true);
        binding.webView.getSettings().setDefaultTextEncodingName("utf-8");
        binding.webView.getSettings().setLoadsImagesAutomatically(true);

在 WebView 设置中。地图已渲染，但仍未显示标记。标记显示在 WebView 之外。有没有人有关于如何在 WebView 上呈现 javascript 标记的解决方案？

【问题讨论】：

您是使用标准的 Google Maps API 执行此操作，还是特定于 Android 的 Google Maps 实现？如果是前者，您能否分享一下您当前的标记实现是什么以及这是否在 Android WebView 元素之外工作？
标记显示在 Android WebView 之外

标签： javascript android google-maps android-webview

【解决方案1】：

浏览开发者文档后添加webView.getSettings().setMixedContentMode (MIXED_CONTENT_ALWAYS_ALLOW); 解决了这个问题。

【讨论】：