Flutter 中的谷歌地图导航

Posted

技术标签:

【中文标题】Flutter 中的谷歌地图导航【英文标题】:Google Map Navigation in Flutter 【发布时间】:2018-12-22 14:16:38 【问题描述】:

我是 Flutter 新手。

我发现 Flutter 不支持内联地图,只支持静态地图视图。

我想构建一个应用程序,我需要在地图上显示行车路线。

是否可以在颤振中创建相同的?

【问题讨论】:

你找到解决办法了吗? 【参考方案1】:

您可以在 Flutter 中使用 android_intent 库来启动 googlemaps 并在 android 中获取 diction。:https://pub.dartlang.org/packages/android_intent 在 ios 中,您可以使用 comgooglemaps 之类的 google api 或 google map url i choose this one 和 maps.apple.com。

String origin="somestartLocationStringAddress or lat,long";  // lat,long like 123.34,68.56
String destination="someEndLocationStringAddress or lat,long";
if (new LocalPlatform().isAndroid) 
      final AndroidIntent intent = new AndroidIntent(
          action: 'action_view',
          data: Uri.encodeFull(
              "https://www.google.com/maps/dir/?api=1&origin=" +
                  origin + "&destination=" + destination + "&travelmode=driving&dir_action=navigate"),
          package: 'com.google.android.apps.maps');
      intent.launch();
    
    else 
        String url = "https://www.google.com/maps/dir/?api=1&origin=" + origin + "&destination=" + destination + "&travelmode=driving&dir_action=navigate";
        if (await canLaunch(url)) 
              await launch(url);
        else 
            throw 'Could not launch $url';
       
    

希望对你有帮助。

【讨论】:

OP 询问他想构建一个显示方向的应用程序,您的回答只是打开带有导航的 Google 地图应用程序。 这样在应用中打开一个Webview,我们需要打开谷歌地图应用 也许不完全是他们要求的,但据我所知,本机视图不会导航到某个点,所以我会给你一个赞成票。有用的信息 感谢我的朋友 :D ,这是解决我问题的正确方法 :/【参考方案2】:

在撰写此答案时,内联地图的工作仍在进行中。但是由于 Flutter 的人已经给了其他人开发插件的能力,所以有一些替代方案。

您可能想签出:

https://medium.com/@matthew.smith_66715/maps-in-flutter-a1ac49ab554b

如果您只想获取用户的位置:

https://pub.dartlang.org/packages/location

如果您想留意新的更新,我在这里发现了一些有趣的讨论:

https://github.com/flutter/flutter/issues/73

【讨论】:

我从上面的链接中得到了所有东西,除了一件事。是否也可以显示最快的路线? @Jayadeep 您是如何获得路线并使其颜色如图所示的? 这只是问题的截图。 @Jayadeep 我尝试使用字符串来源 =currentLocation(来自位置插件)和字符串目的地 =“6.873941599999999,79.88108439999999”,但没有用。知道为什么吗? 仅供参考,Mapview 插件已停产

以上是关于Flutter 中的谷歌地图导航的主要内容,如果未能解决你的问题,请参考以下文章

如何将 iOS 中的谷歌地图导航集成到我们的应用程序中? [复制]

Flutter 应用中的谷歌地图

打开谷歌地图应用并在flutter webview中显示逐向导航

意图在谷歌地图上直接转弯导航以及交通方式

使用片段的谷歌地图

如何将地图活动添加到底部导航?