在 Flutter 中映射为 webview答案

【问题标题】：Map as webview in Flutter在 Flutter 中映射为 webview
【发布时间】：2019-01-12 05:30:15
【问题描述】：

由于 Flutter 中的地图插件非常有限，我使用 Angular Google Map 构建了一个 Angular 应用程序，并尝试通过 this 网络视图插件在我的 Flutter 应用程序中显示它。
这是我得到的：

基本上似乎一切正常，但它没有询问我的权限，因此地图不会呈现。（它在我的浏览器中运行良好）

这是我的代码：

import 'package:flutter/material.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

class WebMap extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  return new WebviewScaffold(
   url: "mysite.com",
   appBar: new AppBar(
    title: new Text("Cerca sulla mappa"),
   ),
  );
 }
}

【问题讨论】：

我曾经遇到过这个角度问题，这是高度问题。你能把你的角度图的链接发给我吗？我刚刚用角度地图演示对其进行了测试，它确实有效。
当然：numenu-1526397532752.firebaseapp.com。我只是在我的手机浏览器和弹出显示中尝试过。高度应为 100%
亲爱的，我想你看到的是非洲附近的一片海。缩小并再次查看
嗯，不，我在意大利。如果我使用普通浏览器，它会找到我的位置并在我所在的位置设置一个图钉..
您是否尝试缩小？我在使用您的示例时遇到了这个蓝屏。我相信当位置不可用时，它会将中心设置为那片海。当我没有给我的浏览器定位权限时，它也会显示蓝屏。

标签： javascript angular google-maps dart flutter

【解决方案1】：

我尝试使用webview_flutter，但在使用 Android 时遇到了地理定位权限问题。这是 GitHub 上有关此问题的 open ticket。

我所做的解决方法是使用flutter_inappwebview 插件并添加地理定位权限提示。

InAppWebView(
  initialUrlRequest:
      URLRequest(url: Uri.parse('https://maps.google.com')),
  androidOnGeolocationPermissionsShowPrompt:
      (InAppWebViewController controller, String origin) async {
    return GeolocationPermissionShowPromptResponse(
      origin: origin,
      allow: true,
      retain: true
    );
  },
)

【讨论】：