flutter 🚀 - 内联谷歌地图支持

来自eseidelGoogle的评论
_格林威治标准时间 2015 年 8 月 5 日，星期三 19:35_

健身应用程序可能需要这个，具体取决于。

FlutterIssues 于 2015-11-09

这大概是一个“第三方”组件，对吧？

Hixie 于 2015-12-16

我们几乎肯定会想要使用一些非 Dart SDK 来提供地图支持，所以是的。

collinjackson 于 2015-12-16

我们预计开发人员将通过使用“原生”iOS 或 Android 地图视图来使用地图，具体如下：
https://docs.google.com/document/d/1DOfwpL6VojCAG_zjjcA_z5ekF7rTIohV8dWn2o7_IME/edit

eseidelGoogle 于 2016-05-13

我在这个文档中没有看到如何将原生小部件（如地图）集成到你的颤振应用程序中。我错过了什么吗？

a14n 于 2016-05-13

👍17

抱歉，我的链接可能有点过分热心。所述文档是 Flutter 作为 Obj-C/Java 应用程序中的普通视图参与的前期工作。向它们添加其他 Obj-C/Java 代码的路径尚未记录，没有。

eseidelGoogle 于 2016-05-13

作为一名开发人员，我真的很想使用原生 Google Maps 组件在我的 Flutter 应用程序中进行渲染。我刚刚创建了一个颤振应用程序，这有点像一个阻止程序。唯一的解决方案是在 Java/Android 中构建它并在单击颤动按钮时打开它。

理想情况下，我想要一个 Flutter 中的“NativeView”，它在 Flutter 中呈现一个原生小部件。
这可能非常困难，因为您已将渲染/事件合并到颤振渲染引擎中。

它也违背了颤振“两个平台的一个小部件”。然而，有时复杂的小部件（如地图）确实是您想要重用的东西。

tjerkw 于 2016-09-07

👍36

你好！我很想知道这个功能的路线图，或者即使存在。我正在开发两个移动应用程序，并且都严重依赖地图。我喜欢 Dart，我正在寻找尝试 Flutter 的借口。

FlutterView的解决方案看起来过于复杂，从一个从未写过 Flutter 的菜鸟的角度来看。其他解决方案不适合我的需要，我需要一个完全交互式的地图。

我不知道在 Flutter 中实现它有多麻烦，也不知道你是否计划有朝一日实现它。任何信息，将不胜感激。我想这个问题的解决将是我开始使用 Flutter 开发的信号。

Goutte 于 2016-12-02

👍12

2017 年是否有机会实施地图？我喜欢 Dart 并且非常想使用 Flutter，但我真的需要非静态地图，比如显示附近的兴趣点并在点击点时显示描述。

debunge 于 2017-01-08

👍5

对此有何更新？

owenthereal 于 2017-01-17

首先，我（全职 Android 开发人员）喜欢 Flutter，过去几个月取得的进展令人印象深刻。也就是说，我认为这个问题对于许多愿意在未来迁移他们的业务的人来说是一个很大的障碍。

我目前正在为我工作的公司做一个案例研究，如果存在 NativeView（根据 tjerkw 的建议）功能，我们可以使用它来适当地弥合不同平台之间的差距！

markmooibroek 于 2017-05-14

👍4

我认为对于许多愿意在未来迁移业务的人来说，这个问题是一个很大的障碍。

是的。我们一直收到反馈。这只是我们想要采取何种实施方法以及何时安排工作的问题。

abarth 于 2017-05-14

👍8

这方面有进展吗？我草绘了两个需要地图的应用程序，并希望将它们作为我在商店中的第一个 Flutter 应用程序。那么这会在接下来的几个月内出现，还是我们在明年讨论？ :)

bramvbilsen 于 2017-06-16

我们还没有开始专门研究地图，但我们已经开始研究内嵌视频，我们相信这应该为这项工作铺平道路。我们目前无法提供预计到达时间。

Hixie 于 2017-06-16

👍10 😕9

我也希望能够在 Flutter 中使用地图，但有一个简单的案例可能是一种解决方法。如果我可以显示全屏原生地图，并在其上方有一个半透明的 Flutter 层，以及在原生地图层和 Flutter 应用程序之间进行通信的一些简单方法（例如，告诉地图何时移动，它的中心lat/lng、缩放级别等）适用于很多需要地图的应用程序。换句话说，Flutter 视图中没有嵌入任何内联地图。

如果将其通用化以便可以在任何 Android 层之上合成颤振层会更好——不仅仅是地图，还包括 3D 视图（包括 VR）或视频等。

wmleler 于 2017-06-22

👍3

从@FaisalAbid找到这个插件： https ://github.com/FaisalAbid/flutter-google-maps

sethladd 于 2017-06-22

❤2

@sethladd这是很棒的第一步。但由于 Flutter 专注于跨平台开发，它应该有一个适用于两个平台的插件。但我确信当内联视图可用时会有大量新插件出现。

bramvbilsen 于 2017-06-22

我创建了一个适用于 Android 和 iOS 的解决方案，并制作了一个视频来展示结果。
它使用谷歌静态地图，我实现了放大/缩小功能并在用户位置添加了一个图钉，但可以实现其他功能，例如向北/南/东/西移动并添加一堆图钉。
为了提高效率，我堆叠了 3 张地图——你看到的一张，一张 +1 级缩放，一张 -1 级缩放。因为 Flutter 在缓存图片方面非常棒，当你按下 + 或 - 时，它会获取缓存的图片，所以速度非常快。

            new Stack(
              children: <Widget>[
                new Center(
                  child: new CircularProgressIndicator(),
                ),
                //Zoom in Map Image for caching
                new Image.network(
                  mapUrl.zoomInMapUrl,
                  fit: BoxFit.contain,
                ),
                //Zoom out Map Image for caching
                new Image.network(
                  mapUrl.zoomOutMapUrl,
                  fit: BoxFit.contain,
                ),
                //Map Image
                new Image.network(
                  mapUrl.mapUrl,
                  fit: BoxFit.contain,
                  gaplessPlayback: true,
                ),
                new Positioned(
                  bottom: 16.0,
                  right: 16.0,
                  child: new Column(
                    children: <Widget>[
                      //Zoom in
                      new Container(
                        color: Colors.black54,
                        child: new IconButton(
                          icon: new Icon(Icons.add),
                          color: Colors.white,
                          onPressed: () => zoomInMap(true),
                        ),
                      ),
                      new Divider(),
                      //Zoom out
                      new Container(
                        color: Colors.black54,
                        child: new IconButton(
                          icon: new Icon(Icons.remove),
                          color: Colors.white,
                          onPressed: () => zoomInMap(false),
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),

尽管我现在没有提供源代码，但实现非常简单。
不要忘记阅读视频说明。

https://www.youtube.com/watch?v=PR2MdUiepyw

gabrielsallesrg 于 2017-06-22

👍10

@gabrielsallesrg我什至不知道谷歌地图为此提供了功能。目前这肯定是一个很好的解决方案。感谢分享这个！

bramvbilsen 于 2017-06-22

@bramvbilsen为避免混淆，Google 静态地图不提供放大/缩小功能。真正发生的是，当您单击 +/- 按钮时，它会请求一个新图像。

gabrielsallesrg 于 2017-06-22

知道了。谢谢：）

bramvbilsen 于 2017-06-22

我认为现在，如果你需要这些高级小部件，flutter 是一个不可行的领域。
每当你在 Flutter 中开始一个项目时，你必须明白，你的设计师提出的一些设计并不容易实现。

最好的解决方法是使用谷歌静态地图，其中包含指向全屏地图组件的链接。由于现在很多应用程序都在这样做，它为您提供了一个解决方案来构建具有原生体验的 Flutter 应用程序。

从长远来看，我希望 Flutter 有自己的原生 gmaps 小部件。但在此之前，Flutter 必须由 Google 正式宣布，并支持它。现在还不清楚flutter的未来是什么。

tjerkw 于 2017-06-22

👍7

@tjerkw我同意它仍处于 alpha 阶段，因此我们不能指望更成熟的框架提供所有功能。但是 Google 还没有宣布 Flutter 吗？他们甚至在 IO 上展示了它

bramvbilsen 于 2017-06-22

👍2

@tjerkw Gmaps的解释非常清楚。

我已经使用过适用于 Android 的 VTM（矢量平铺地图）库（opensciencemap/openstreetmap）。是否有适用于管理开源地图的库？

FredericLetellier 于 2017-06-22

但是由于 Flutter 专注于跨平台开发，它应该有一个适用于两个平台的插件

同意，但我们的生态系统现在才刚刚启动。我们希望通过分享我们找到的现有插件，我们可以获得更多的贡献者来帮助创作更多的特性和功能。

sethladd 于 2017-06-22

👍1

@tjerkw你能分享一下代码库吗

GeekRishabh 于 2017-08-18

谷歌地图与颤振集成有什么更新吗？

TitikshaDaga 于 2017-08-30

如何在每个平台添加原生地图并渲染地图？

TitikshaDaga 于 2017-08-31

尚不支持@TitikshaDaga内联 Google 地图。

您可以通过插件机制使用 Google Map 显示本机 Activity/ViewController。

najeira 于 2017-08-31

https://github.com/FaisalAbid/flutter-google-maps/issues/1
any1可以解决这个问题吗？

TitikshaDaga 于 2017-09-01

您可以通过插件机制使用 Google Map 显示本机 Activity/ViewController。

@najeira你有示例代码/伪代码吗？这是否涉及使用 FlutterView？

timotheecour 于 2017-09-21

@timotheecour image_picker和flutter_webview_plugin是使用原生 Activity/ViewController 的好例子。

najeira 于 2017-09-21

@mehmetf今天向我解释说客户： mulligan 确实需要地图，但相信他们现在可以用静态地图图像解决他们的用例，因此客户标记。

eseidelGoogle 于 2017-10-27

对于那些寻找全屏地图解决方案的人来说，这可能是一个不错的选择：

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

我们选择的解决方案是使用可以点击打开全屏视图的谷歌静态地图

johnpryan 于 2017-11-07

👍3

有这方面的消息吗？这是地理应用程序的展示停止器。

matteing 于 2017-11-29

目前正在开展这项工作，并且正在取得进展。

wmleler 于 2017-11-29

👍38 🎉18 ❤6

有偷窥吗？ 😃

hundeva 于 2017-12-11

👍21 😄4

目前正在开展这项工作，并且正在取得进展。

@wmler我很想看到一张工作地图......

theobouwman 于 2018-01-02

@theobouwman眼下，这是最好的解决方案- https://pub.dartlang.org/packages/map_view

如果您想让地图像 Flutter 小部件的一部分一样，您可以将地图作为图像插入（使用静态地图 API - https://developers.google.com/maps/documentation/static-maps /）。当用户点击这个静态地图图像时，打开一个完整的页面地图，以及一个用于关闭它的小部件。用户关闭整页地图后，将地图图像替换为更新的静态地图（显示地图缩放和滚动的变化、任何添加的市场等）

wmleler 于 2018-01-02

@wmler我认为@theobouwman更意味着他期待看到“本机小部件”集成。我也很期待哦^^

mclark4386 于 2018-01-03

@mclark4386是的。

theobouwman 于 2018-01-03

我很想听听您所谓的“本机小部件”集成的用例。我已经使用地图构建了很多应用程序，对我来说，能够将颤振小部件覆盖在整页地图之上，并在颤振小部件中嵌入静态地图就足够了页面地图。我并不是说我们不应该提供原生小部件集成，我只是好奇人们为什么想要它并且我想了解它。

wmleler 于 2018-01-03

@wmler有很多用例！例如，附近有餐馆的交互式地图。您可能希望使用带有一些自定义布局的内联地图，以使您的应用看起来独一无二。

bramvbilsen 于 2018-01-03

对于地理应用程序来说，这是非常基本的东西。例如，一个包含引脚和 GeoJSON 网格列表的应用程序。

2018 年 1 月 3 日下午 1:09，Wm Leler [email protected]写道：

我很想听听您所谓的“本机小部件”集成的用例。我已经使用地图构建了很多应用程序，对我来说，能够将颤振小部件覆盖在整页地图之上，并在颤振小部件中嵌入静态地图就足够了页面地图。我并不是说我们不应该提供原生小部件集成，我只是好奇人们为什么想要它并且我想了解它。

—
您收到此消息是因为您发表了评论。
直接回复此邮件，在 GitHub 上查看https://github.com/flutter/flutter/issues/73#issuecomment-355067415 ，或将帖子静音https://github.com/notifications/unsubscribe-auth/AHlzZYr1dpBlnxv7di30GLmFFdHBG2FPks5tG7REgaJpZM4Ge5yO 。

matteing 于 2018-01-03

@wmller我们的应用程序通常看起来像这样。我们有标签，第一个标签上是谷歌地图。第二个是列表视图。我可以单击地图上的任何图钉，然后我会看到该项目的“部分”详细信息/信息，我可以从中启动从当前位置到该项目的导航（选定的图钉）。这个部分细节覆盖了地图。

Janamou 于 2018-01-04

👍2

@wmler如果我们对此有更新，请告诉我。我们很想开始使用 Flutter，但这对我们来说是一个障碍。

我们正在寻求建立像 Uber 这样的基于位置的服务！

sanketsahu 于 2018-01-09

👍12 🎉1

同样的情况。肯定会喜欢这方面的更新。

2018 年 1 月 9 日凌晨 4:51，Sanket Sahu [email protected]写道：

@wmlerer https://github.com/wmleler如果我们有这方面的更新，请告诉我。我们很想开始使用 Flutter，但这对我们来说是一个障碍。

我们正在寻求建立像 Uber 这样的基于位置的服务！

—
您收到此消息是因为您发表了评论。
直接回复此邮件，在 GitHub 上查看https://github.com/flutter/flutter/issues/73#issuecomment-356219135 ，或将帖子静音https://github.com/notifications/unsubscribe-auth/AHlzZWHIkt1K3FOQuLX7h8UyqIZoVnTFks5tIyingaJpZM4Ge5yO 。

matteing 于 2018-01-09

只是为了不让您悬而未决，我们知道这非常重要，我们正在努力。

wmleler 于 2018-01-09

👍33 ❤27 🎉17

我也有基于位置的项目。可以等：（

ljfreelancer88 于 2018-01-12

@wmller ，我们希望将具有拆分 Android/iOS 代码库的应用程序移植到 Flutter。但主要功能使用谷歌地图来显示图钉。所以我们真的在等待这个功能。

我正在考虑实施并想知道这是否可以类似于视频支持来完成。类似于 FlutterNativeHostView 的东西，它托管平台视图并将子渲染过程存根到 Flutter 框架提供的纹理。这可以像 Flutter 视图层次结构中的视频播放器一样显示。 [Touch] 输入必须通过对插件的方法调用传递，但这是可行的。

坦率地说，更好的方法.. 我可以看到它实现的唯一其他方法是在 Dart 中重写/重新部署谷歌地图库。我想这需要更多时间。

@wmller我很想听听您对主机视图之类的想法。也许这对 Flutter 来说是一个很好的方向，以便可以通过将当前组件包装在插件中来移植更多库。

slightfoot 于 2018-01-22

您可以通过 FlutterView 显示原生 Google Maps View。

AdMob 插件正在做类似的事情：
https://github.com/flutter/plugins/blob/master/packages/firebase_admob/android/src/main/java/io/flutter/plugins/firebaseadmob/MobileAd.java#L242

najeira 于 2018-01-23

@slightfoot FlutterNativeHostView的想法听起来很有趣，但我不确定这在技术上如何在 Android 上运行。关于如何“排除子渲染过程”，您是否有具体的方法？

在 iOS 上，我们目前正在研究一种将 CALayers 集成到 Flutter Engine 合成方式中的解决方案。这应该允许我们使用任何 UIView。

mravn-google 于 2018-01-26

👍7

我对 Flutter 生态系统相当陌生，但如果我了解它是如何正常工作的； Skia 正在使用 OpenGL 进行渲染。您可能会查看 Google GVRKit 以了解他们是如何做到的。 GVRUIRenderer 可以将一个普通的 UI 元素放入 OpenGL 场景中。

NathanaelA 于 2018-02-17

👍2

@NathanaelA感谢您的提示！你指的是https://github.com/googlevr/gvr-ios-sdk/blob/master/Samples/GVRKit/GVRUIViewRenderer.h？

/cc @sigurdm

mravn-google 于 2018-02-17

是的，实际上它是 .mm 文件： https ://github.com/googlevr/gvr-ios-sdk/blob/master/Samples/GVRKit/GVRUIViewRenderer.mm - 我目前正在使用它来显示整个 UIView基于我的 GVRKit 项目中的场景。

NathanaelA 于 2018-02-18

👍1

有关此功能的任何更新？，家门口有一个客户想要一个像优步这样的地理定位应用程序。这个功能真的很有必要。

谢谢！！！

franzsilva 于 2018-02-22

对于谷歌地图：

我们正在积极努力。距离我们的解决方案还有几周的时间。与此同时，您可能想要使用AppTree 的插件。虽然该插件仅提供全屏交互式地图和内联静态地图，但它可能足以让您启动并运行原型。

应该注意的是，Android 上的 GoogleMaps 目前还不能像 Flutter 引擎那样集成到自定义的 OpenGL 合成中。因此，虽然我们也能够在 Android 上提供交互式内联地图，但它们现在将受到限制，以便它们在 z 轴上处于最顶端或非交互式。

换句话说，Flutter 需要一段时间才能在 Android 上的交互式地图上绘制按钮。当然，您仍然可以使用自定义 Java/Kotlin 代码绘制此类按钮。我们也在与地图团队合作解决这个问题，但这需要一些时间，因为似乎有必要添加 API。

mravn-google 于 2018-02-22

👍29

顺便说一句，AppTree，除了 Mikkel 提到的他们的插件，是
目前正在开发一个实现地图的新包（不是插件！）
直接颤振（底图本身和标记之类的东西是
实现为实际的 Flutter 小部件）。一些警告：首先，它没有
使用谷歌地图 API；其次，它目前是实验性的（而不是
功能完成）但正在工作。这是一种全新的实施方式
我觉得令人兴奋的地图（就像所有 Flutter 小部件一样，它非常
可定制），但当然存在风险，目前相当
不成熟。如果你有兴趣，这里是他们仓库的链接：

https://github.com/apptreesoftware/flutter_map

2018 年 2 月 22 日星期四下午 12:53，Mikkel Nygaard Ravn <
通知@github.com> 写道：

我们正在积极努力。登陆我们的解决方案还有几周的时间
离开。同时你可能想要使用 AppTree 的插件
https://pub.dartlang.org/packages/map_view 。虽然该插件提供
只有全屏交互式地图和内联静态地图，它可能是
足以让您启动并运行原型。
需要注意的是，Android 上的 GoogleMaps 目前还没有开放给
像 Flutter 引擎一样集成到自定义的 OpenGL 合成中。
因此，虽然我们将能够在
Android，它们现在将受到限制，因此它们要么是最顶级的
在 z 轴上或非交互式。
换句话说，Flutter 需要一些时间才能绘制一个
Android 上交互式地图顶部的按钮。你仍然可以画这样的
当然，带有自定义 Java/Kotlin 代码的按钮。我们正在与
地图团队也解决了这个问题，但作为一个 API，这需要一些时间
添加似乎是必要的。
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-367818217或静音
线程
https://github.com/notifications/unsubscribe-auth/AADEtdPegV4oAh2It7YDGpyBygM9tw7lks5tXdPBgaJpZM4Ge5yO
.

wmleler 于 2018-02-23

👍17

和这里的许多人一样，我对 Flutter 还很陌生，而且缺乏谷歌地图支持让我的应用程序无法迁移到 Flutter。

话虽如此，请不要误会我的意思，我理解我将要提出的建议的困难，但我相信 Flutter 应该实现一个 Google Maps Widget，在 Dart 中从头开始，并使用所有 Google Maps API 来实现支持它的功能，就像Android一样。

地图应该是快速和交互式的，我们希望能够在地图上绘制路径、添加自定义图钉等。此外，我们希望以编程方式获得地点搜索自动完成、反向地理编码、地理编码、经度和纬度距离计算支持.

尝试在设备上使用本机地图可能会受限于完整的移动体验，所以我的建议（尽管很难）是专注于 Flutter/Dart 的完整 Google Maps Widget + Google Maps API 并做到这一点正确，即使交付需要更多时间。

feinstein 于 2018-02-28

👍24 👎1

我认为对于具有现代外观的地图 sdk（如 google maps 或 mapbox），您将需要 opengl，并且由于尚不支持此功能，因此很难在 dart 中从头开始构建它（我尝试使用 canvas绘图，但速度太慢）。我认为有两种选择：（1）外观不太现代的地图，带有简单的图像图块（参见例如 https://github.com/apptreesoftware/flutter_map ）和（2）绘制到可以使用的 SurfaceTexture 的本机插件通过纹理组件颤动（可能可以使用开源mapbox sdk作为基础）。

据我了解，颤振作者正在开发地图 SDK。他们采取什么方法？时间线是什么？是否值得等待，还是社区应该开始着手解决这个问题？

范：feinstein [email protected]
Beantwoorden - Aan：flutter/flutter [email protected]
数据：woensdag 2018 年 2 月 28 日 om 21:31
安安：颤振/颤动[email protected]
抄送：rbellens [email protected] ，手册[email protected]
Onderwerp: Re: [flutter/flutter] 内联地图支持 (#73)

和这里的许多人一样，我对 Flutter 还很陌生，而且缺乏谷歌地图支持让我的应用程序无法迁移到 Flutter。

话虽如此，请不要误会我的意思，我理解我将要提出的建议的困难，但我相信 Flutter 应该实现一个 Google Maps Widget，在 Dart 中从头开始，并使用所有 Google Maps API 来实现支持它的功能，就像Android一样。

地图应该是快速和交互式的，我们希望能够在地图上绘制路径、添加自定义图钉等。此外，我们希望以编程方式获得地点搜索自动完成、反向地理编码、地理编码、经度和纬度距离计算支持.

尝试在设备上使用 Native Map 可能会受限于完整的移动体验，所以我的建议（尽管很难）是专注于 Flutter/Dart 的完整 Google Maps Widget + Google Maps API。

—
您收到此消息是因为您订阅了此线程。
直接回复此电子邮件，在 GitHub 上查看它，或将线程静音。

rbellens 于 2018-03-01

@mravn-google 这是个好消息

matejthetree 于 2018-03-01

@NathanaelA
这真的很有趣。
我想知道 VR 和 AR 有同样的事情。从我能看到的要点来看，获得一个颤动视图以与其他渲染器的输出进行合成是要点吗？
我正在寻找与桌面颤振完全相同的问题！我有颤振窗口，但也有来自 3d opengl 渲染系统的视图。

ghost 于 2018-03-06

绘制到 SurfaceTexture 的本机插件，可以通过 Texture 组件在颤动中使用（可能开源 mapbox sdk 可以用作此基础）。

@rbellens您可以为https://github.com/apptreesoftware/flutter_map推荐任何更改吗？听起来有机会提高性能

johnpryan 于 2018-03-07

👍4

@mravn-google 你对这个新的颤振地图功能何时推出有一个估计吗？另外，当您说无法在地图上绘制时，这是否包括简单的功能，例如图钉放置/地址显示？

ezrasandzerbell 于 2018-03-20

👍11

@ezrasandzerbell我们已经推迟了这项工作，这将在google_mobile_maps插件repo的上下文中发生。我预计活动很快就会回升。

我们最初的（有限的）解决方案将使用原生地图视图作为叠加层，稍后将被来自原生地图视图的纹理流所取代，一旦 GoogleMap API 支持它。在此之前插件的主要目的是支持开发用于控制地图的 Dart API。这包括放置标记等的能力。

mravn-google 于 2018-03-22

👍14

@mravn-google 感谢您提供新功能的详细信息。我注意到 google_mobile_maps 插件没有公共问题标签，所以我在这里跟进。当这些新功能推出时，我们将非常感谢带有代码示例的文档。

我个人感兴趣的是：

1）如何将谷歌地图限制为特定的宽度和高度。到目前为止，我看到的解决方案（AppTree、MapView）似乎都只是全屏视图。对于正确实现和常见用例，文档很少。

2) 如何连接 Google Places Autocomplete (https://pub.dartlang.org/packages/flutter_google_places_autocomplete) 之类的搜索工具，以便用户可以输入位置、自动完成数据、提交并查看在地图。

ezrasandzerbell 于 2018-03-22

👍1

@ezrasandzerbell插件工作将附带文档和示例。请在此 (flutter/flutter) repo 上提交问题，以获取插件的功能请求。

mravn-google 于 2018-03-22

👍2

我试图从 android 调用全屏位置选择器对话框，但它只显示一秒钟，然后它从主颤动线程获取 onResume 并在其顶部绘制。从我在其他地方读到的内容来看，这实际上应该有效。我究竟做错了什么？ :)

谢谢！

 ```
    call.method == "showPlacesPicker" -> {
            val code = GoogleApiAvailability.getInstance().isGooglePlayServicesAvailable(activity)
            if (GoogleApiAvailability.getInstance().showErrorDialogFragment(activity, code, REQUEST_GOOGLE_PLAY_SERVICES)) {
                return
            }

            //val intent = Intent(activity, PlacesActivity::class.java)
            //activity.startActivity(intent)

            var intentBuilder = PlacePicker.IntentBuilder()
            activity.startActivityForResult(intentBuilder.build(activity), PLACE_PICKER_REQUEST)

            placeResult = result
            return
        }

```

pinkfish 于 2018-03-23

@pinkfish我认为您也许可以从颤振中回调并根据需要设置本机视图的高度。这有点棘手

AfzalivE 于 2018-03-24

@mravn-google 我在尝试google_mobile_maps时遇到问题。我可以在 android 上运行google_mobile_maps示例（通过将 gradle.properties 中的 GOOGLE_MAPS_API_KEY 替换为我自己的密钥）。

但是对于 iOS，当我运行示例时出现错误：

Syncing files to device iPhone SE...
[VERBOSE-2:dart_error.cc(16)] Unhandled exception:
    MissingPluginException(No implementation found for method init on channel plugins.flutter.io/google_mobile_maps)
    #0      MethodChannel.invokeMethod (package:flutter/src/services/platform_channel.dart:153:7)
    <asynchronous suspension>
    #1      _channel (package:google_mobile_maps/google_mobile_maps.dart:16:9)
    #2      _channel (package:google_mobile_maps/google_mobile_maps.dart:14:21)
    #3      _GoogleMapsPlatformOverlay.create (package:google_mobile_maps/google_mobile_maps.dart:94:25)
    #4      PlatformOverlayController.attachTo.<anonymous closure> (package:google_mobile_maps/platform_overlay.dart:72:21)
    #5      _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:990:15)
    #6      _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:938:9)
    #7      _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding.scheduleWarmUpFrame.<anonymous closure> (package:flutter/src/scheduler/binding.dart:751:7)
    #8      Timer._createTimer.<anonymous closure> (dart:async/runtime/libtimer_patch.dart:21:15)
    #9      _Timer._runTimers (dart:isolate/runtime/libtimer_impl.dart:382:19)
    #10     _Timer._handleMessage (dart:isolate/runtime/libtimer_impl.dart:416:5)
...

此外，我对 iOS 开发的了解几乎为零，不知道将 GOOGLE_MAPS_API_KEY 分配到哪里。

====
2018.04.14 更新：对不起，我太激动了，我没有仔细阅读之前的文章，知道 iOS 支持尚未准备好。

EasonPai 于 2018-04-04

该插件尚不支持@EasonPai iOS。我们将在接下来的几周内添加它。

mravn-google 于 2018-04-04

👍8

你有这个功能的发布日期吗？

否则我可能需要回到 React Native 来处理客户项目 :(

ocolot 于 2018-04-05

👍4

@ocolot这里也一样。我很快就要开始一个基于地图的项目，真的很想使用颤振，但由于这种地图情况，我要回到 RN。

brooth 于 2018-04-05

@brooth ，我正在努力使地图在 RN 中工作。如果你有一个完美的例子，请发布它。现在我正处于 RN 或 Flutter 的边缘。唯一的原因是没有错误且易于使用的地图。如果我得到在 RN 中工作的地图，那么我会使用 RN。

sateesh-penumalla 于 2018-04-06

只是要把这个留在这里。如果您对地图使用的需求仅限于向用户询问地址，我实现了一个插件来处理所有事情，从位置权限处理到反向地理编码。 https://pub.dartlang.org/packages/location_picker

alegsm 于 2018-04-12

❤7

你好 alegsm，我对你的插件很感兴趣，但我不明白这个例子......我是新手，我只想设置经度和纬度并可视化地理定位。有人成功了吗？
有人有一个简单的例子吗？谢谢大家

nitneuq33 于 2018-04-14

@nitneuq33是的，您可以使用 location_picker 来完成。它旨在作为诸如要求用户输入送货地址之类的提示。您可以查看 repo 中的示例项目。生病给你一个链接
https://github.com/touwolf/location_picker/tree/master/example

alegsm 于 2018-04-14

抱歉 alegsm ，我尝试使用该示例并尝试设置 (double initialLat; 和 double initialLong; ) 但没有。我想我太菜鸟了^^我不明白如何将我的纬度变量和经度变量设置到您的示例中以可视化地图。任何简单的例子或简单的解释
将受到欢迎:)

nitneuq33 于 2018-04-15

有关于此的任何更新吗？

rolurq 于 2018-04-23

👍2

flutter_map什么问题？

haydenflinner 于 2018-04-24

flutter_map是很好的替代品，但它也比原生地图视图差得多。它使用瓷砖而不是矢量地图，不支持谷歌地图，更不用说苹果地图了。我个人正在等待将原生视图内容流式传输到颤振层次结构中，因为它可以缩小比这里引用的更多的差距（例如 WebViews、其他 SDK）： https ://github.com/flutter/flutter/issues/

piotrtobolski 于 2018-04-24

👍4

继续标记按不工作iOS
不一致的多边形渲染
 标记偏移在 Android 中不起作用
 （一位用户）在 android 上工作而不是在 IOS 上工作
 Z 索引在 iOS 上不起作用
 标记旋转在 iOS 上不起作用
 Urltemplate 不会改变 iOS
iOS中的动画标注问题
 标记 onSelect 在 Android 上不起作用
 Android onclick 不准确
 自定义标注中的图像不适用于Android

我抛弃了 React Native 并回到了 Flutter，因为它的地图体验对我来说是多么糟糕，而且我根本不关心在一个平台上而不是在另一个平台上工作的东西。我认为如果我们只是在flutter_map中添加矢量地图支持，每个人的体验都会好很多（我不知道 gmap/apple 地图集成是否可行？），原因与 xster 在Why Flutter中所写的相同

haydenflinner 于 2018-04-24

注意flutter_map是基于Leaflet（重写为Dart/Flutter），
并且有一个支持矢量地图的 Leaflet 插件。有人会
需要将其重写为 Dart/Flutter，但是你可以使用 mapbox 的
矢量地图。

2018 年 4 月 24 日星期二上午 10:52，Hayden Flinner通知@github.com
写道：

继续标记按不工作iOS
https://github.com/react-community/react-native-maps/issues/1374
不一致的多边形渲染
https://github.com/react-community/react-native-maps/issues/2025
标记偏移在 Android 中不起作用
https://github.com/react-community/react-native-maps/issues/2173
（一位用户）在 android 上工作而不是在 IOS 上工作
https://github.com/react-community/react-native-maps/issues/2199
Z 索引在 iOS 上不起作用
https://github.com/react-community/react-native-maps/issues/1671
标记旋转在 iOS 上不起作用
https://github.com/react-community/react-native-maps/issues/2186
Urltemplate 不会改变 iOS
https://github.com/react-community/react-native-maps/issues/2200
iOS中的动画标注问题
https://github.com/react-community/react-native-maps/issues/1062
标记 onSelect 在 Android 上不起作用
https://github.com/react-community/react-native-maps/issues/114
Android onclick 不准确
https://github.com/react-community/react-native-maps/issues/1562
自定义标注中的图像不适用于Android
https://github.com/react-community/react-native-maps/issues/1870
我抛弃了 React Native，因为它的地图支持太糟糕了，我
根本不关心在一个平台上工作而不是在另一个平台上工作的东西。
我想如果我们只是添加矢量，每个人的体验都会好得多
对flutter_map的地图支持（我不知道gmap/apple地图是否集成
可行吗？），原因与 xster 在Why Flutter 中所写的原因相同
不使用 OEM 小部件
https://medium.com/flutter-io/why-flutter-doesnt-use-oem-widgets-94746e812510
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-384022436或静音
线程
https://github.com/notifications/unsubscribe-auth/AADEteKhVTC5rtZ5Er4uVSwYDYeGfDDkks5tr2ZlgaJpZM4Ge5yO
.

wmleler 于 2018-04-24

❤4

我们认为这是一个高度优先事项并正在努力。这将需要一段时间，因为这是一个非常复杂的问题要正确解决。对于延误，我们深表歉意，并请您耐心等待。

Hixie 于 2018-04-25

❤36

谢谢，现在依赖关系可以了，但它不起作用

这是我的代码

1-我按下按钮

新图标按钮（
图标：新图标（Icons.gps_fixed），
按下：（）
异步{

    SmsMessage message = new SmsMessage(address, '$loc1');
    message.addStateListener((state) {
      if (state == SmsMessageState.Sent) {
        print("SMS is sent!");
      } else if (state == SmsMessageState.Delivered) {

        print("SMS is receive!")

_onSmsReceived;

}
});
sender.sendSms（消息）；
}

2-打印“已发送”

3-接收打印

4 在“_onSmsReceived”上启动并监听“msg”

无效_onSmsReceived（SmsMessage 短信）异步{

_smsSubscription = _receiver.onSmsReceived.listen((SmsMessage msg)
=> _lastMessage = 味精）；

但需要总是点击 2 次才能收听好短信

2018-04-25 2:13 GMT+02:00 Ian Hickson通知@github.com：

我们认为这是一个高度优先事项并正在努力。它将要
需要一段时间，因为这是一个非常复杂的问题要妥善解决。我们
为延误道歉并请求您的耐心等待。
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-384119563或静音
线程
https://github.com/notifications/unsubscribe-auth/AaWFy_Rfxcql60HUsZYb6f8-kyuxOJMwks5tr7-hgaJpZM4Ge5yO
.

nitneuq33 于 2018-04-25

我正在为这个Github 存储库和Pub中的纯 Dart 编写 Flutter 的开源地图小部件。

欢迎对该项目的任何贡献。

MapView Screenshot

xclud 于 2018-05-01

👍8 ❤4

Mapbox（提供 Leaflet 和各种矢量的公司
和栅格地图图块）似乎有矢量图在 Flutter 中工作。对
现在它只在 Android 上工作，但因为他们使用的是纹理贴图
技术（与内联视频使用的相同）应该不难
让它也能在 iOS 上运行。

https://github.com/mapbox/flutter-mapbox-gl

我相信他们正在接受拉取请求。

很高兴看到来自社区的所有这些地图解决方案。

2018 年 4 月 24 日星期二上午 11:06，Wm Leler [email protected]写道：

注意flutter_map是基于Leaflet（重写为Dart/Flutter），
并且有一个支持矢量地图的 Leaflet 插件。有人会
需要将其重写为 Dart/Flutter，但是你可以使用 mapbox 的
矢量地图。
2018 年 4 月 24 日星期二上午 10:52，Hayden Flinner < [email protected]
写道：
继续标记按不工作iOS
https://github.com/react-community/react-native-maps/issues/1374
不一致的多边形渲染
https://github.com/react-community/react-native-maps/issues/2025
标记偏移在 Android 中不起作用
https://github.com/react-community/react-native-maps/issues/2173
（一位用户）在 android 上工作而不是在 IOS 上工作
https://github.com/react-community/react-native-maps/issues/2199
Z 索引在 iOS 上不起作用
https://github.com/react-community/react-native-maps/issues/1671
标记旋转在 iOS 上不起作用
https://github.com/react-community/react-native-maps/issues/2186
Urltemplate 不会改变 iOS
https://github.com/react-community/react-native-maps/issues/2200
iOS中的动画标注问题
https://github.com/react-community/react-native-maps/issues/1062
标记 onSelect 在 Android 上不起作用
https://github.com/react-community/react-native-maps/issues/114
Android onclick 不准确
https://github.com/react-community/react-native-maps/issues/1562
自定义标注中的图像不适用于Android
https://github.com/react-community/react-native-maps/issues/1870
我抛弃了 React Native，因为它的地图支持太糟糕了，我
根本不关心在一个平台上工作而不是在另一个平台上工作的东西。
我想如果我们只是添加矢量，每个人的体验都会好得多
对flutter_map的地图支持（我不知道gmap/apple地图是否集成
可行吗？），原因与 xster 在Why Flutter 中所写的原因相同
不使用 OEM 小部件
https://medium.com/flutter-io/why-flutter-doesnt-use-oem-widgets-94746e812510
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-384022436 ，
或使线程静音
https://github.com/notifications/unsubscribe-auth/AADEteKhVTC5rtZ5Er4uVSwYDYeGfDDkks5tr2ZlgaJpZM4Ge5yO
.

wmleler 于 2018-05-01

👍18

@mravn-google google_mobile_maps 存储库似乎已经消失了；你有什么信息吗？

jposuna 于 2018-05-20

@jposuna它已重命名。见颤振/插件#518

levrik 于 2018-05-20

👍2

重命名了当前的错误，以更清楚地表明它跟踪内联“谷歌地图”支持。

mit-mit 于 2018-05-22

@mit-mit 明确一点，这意味着颤振将 __not__ 提供一种渲染离线地图的方法？

rolurq 于 2018-05-22

我的评论并不是要发表任何这样的声明。长期目标是提供一个 Flutter 小部件，其 API 功能与 Google Maps 在其 Android 和 iOS API 中的功能相似。

我们在这里使用的术语“内联”是为了捕捉到 Flutter Google Map 是一个 Flutter 小部件的目标；您可以在其他 Flutter 小部件中放置“内联”的东西（旁边、下面的堆栈、上面的堆栈等）。

mit-mit 于 2018-05-22

👍2 ❤1

@mit-mit 那个长期的任何时间表或预期的发布日期？我有一个项目即将到来，我想在 Flutter 中实现它，但是如果没有 Google 地图支持，我将不得不使用本地。（Java/Swift）。

feinstein 于 2018-05-22

👍6 ❤1

@feinstein在 google_maps_flutter 下的 Flutter/plugins 存储库中有一个可用的基本插件。

mpiannucci 于 2018-05-22

@mit-mit 确实，一些长期的发布日期会非常有用。颤动的整个想法看起来很神奇。不幸的是，没有地图，我几乎看不到在 Flutter 上启动项目

PetrShypila 于 2018-05-22

👍3

抱歉，我们还没有可以交流的公开时间表:-(。

正如前面提到的一些评论，我们的最新进展是在插件仓库中，它目前确实有一个非常早期的版本，有一些记录在案的缺陷。你可能想看看那个。

mit-mit 于 2018-05-23

你好，有办法自定义map_view中的工具栏吗？或添加小部件（浮动操作按钮）。 https://pub.dartlang.org/packages/map_view

当前 map_view 全屏打开一个新窗口，向左滑动带有黑色工具栏。我想自定义页面转换、颜色工具栏并添加小部件以进行交互而无需返回。

最后，不可能将动态地图放在弹出框中而不是全屏？

谢谢

nitneuq33000 于 2018-05-23

@nitneuq33000 Flutter 团队不维护map_view插件。请在https://github.com/apptreesoftware/flutter_google_map_view 打开问题。

mravn-google 于 2018-05-23

@mravn-google 此插件的路线图是否支持折线？

（到目前为止，我在 /example 文件夹中看到的内容看起来很棒！）

bjornbjorn 于 2018-05-23

@bjornbjorn完整的 API 覆盖在有意义的路线图上。优先级很大程度上取决于用户反馈。因此，请为您的功能请求创建一个问题。然后其他人可以支持他们和/或有动力提交 PR ......和/或我们将尽快着手处理。

需要明确的是，我在这里的评论是关于google_maps_flutter插件。如果您的问题是关于map_view包的，请将其发送给 AppTree 团队。

mravn-google 于 2018-05-23

👍2

是的，我也指google_maps_flutter - 我在这里创建了一个问题： https ://github.com/flutter/flutter/issues/17832

bjornbjorn 于 2018-05-23

👍1

@mravn-google 我正在用纯 Dart 代码自己制作地图小部件（请参阅上面的帖子）。目前我只实现我的项目所需的功能，但我会加班做得更好。

我会很高兴创建一个 PR 并看到我的工作被合并到 Flutter 中。我不知道如何开始，感谢您的帮助。

xclud 于 2018-05-23

@xclud在 Flutter 的上下文中提供地图的方法有很多，因此提升其中一种并将其放入 Flutter（= Flutter 框架）是没有意义的。我也认为尝试合并方法非常不同的不同地图包没有什么意义。

google_maps_flutter包仍然是一个插件，独立于 Flutter 框架。它将非常接近地反映 Google Maps 的 iOS/Android API，并且一些操作将涉及异步平台消息以更改本地地图视图。

你的包，作为一个纯 Dart 解决方案，可能会暴露一个非常不同的 API，因为你不需要镜像或调用现有的 GoogleMaps Android 和 iOS API，也不需要异步平台消息。

mravn-google 于 2018-05-23

@mravn-google 使用平台原生地图而不是从头开始制作纯 Dart 解决方案有什么优势？为什么不将它与 Flutter 框架集成呢？

我认为 Flutter 就是将所有内容整合到一个新的代码库中，尝试尽可能少地使用内部平台，只是在 Dart 中复制它的行为。

这是渲染问题的临时解决方案吗？还是与 Google Maps 密钥使用上的一些业务问题有关？

feinstein 于 2018-05-23

地图没有一种最佳解决方案。我们有一些客户真的
想要真正的谷歌地图。我们还有其他非常需要的客户
自定义地图。

如果您对基于 Flutter 的地图解决方案感兴趣（所有
地图的元素是 Flutter 小部件），请查看
https://github.com/apptreesoftware/flutter_map

2018 年 5 月 23 日星期三上午 8:55，feinstein [email protected]写道：

@mravn-gooogle 使用平台原生地图有什么好处，
而不是从头开始制作纯 Dart 解决方案？你为什么不
将其与 Flutter 框架集成？
我认为 Flutter 就是将所有内容整合到新代码中
基地，尽量少使用内部平台，只是
在 Dart 中复制其行为。
这是渲染问题的临时解决方案吗？或者是否相关
对 Google Maps 密钥使用方面的一些业务问题？
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-391399983或静音
线程
https://github.com/notifications/unsubscribe-auth/AADEtZTlI-eGZyGlVb5exvz9kyJyiQHuks5t1YaLgaJpZM4Ge5yO
.

wmleler 于 2018-05-23

@wmler对不起，但我仍然不明白，在 Dart 中制作“真正的 Google 地图”作为 Flutter 的一部分有什么问题？有什么限制吗？

feinstein 于 2018-05-23

我认为我们希望避免依赖于单独的服务/服务器
颤振核心。

这就是插件的用途，支持官方颤振
插件或第三方。
2018 年 5 月 23 日星期三下午 12:55 feinstein [email protected]写道：

@wmlerer https://github.com/wmleler很抱歉，但我仍然没有
了解，在 Dart 中制作“真正的 Google 地图”有什么问题
作为颤振的一部分？有什么限制吗？
—
您收到此消息是因为您订阅了此线程。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-391421822或静音
线程
https://github.com/notifications/unsubscribe-auth/AHAsITlRVopqGvZ9Dj044wp_mjoyyEoLks5t1ZR5gaJpZM4Ge5yO
.

MisterJimson 于 2018-05-23

@feinstein谷歌地图只是一个地图供应商（尽管它很重要）。但 Flutter 应用程序也应该与 MapBox 和任何其他地图提供程序一起使用。

Flutter 并不是要将所有内容整合到一个单一的代码库中。这就是为什么我们有独立于 Flutter 框架的包和插件。

也就是说，在理想情况下，谷歌地图团队将提供一个纯 Dart 地图小部件作为 Flutter 包。 MapBox 将提供他们对同一件事的看法。等等。如果 Flutter 足够流行，这必然会发生。同时，我们需要集成我们拥有的地图组件。

mravn-google 于 2018-05-23

👍9

@mravn-google 谢谢，这对我来说很有意义！

在这个话题上，我认为如果有一个支持生态系统的 Flutter 将会更快地被采用，就像目前的 Java for Android 一样，即 Dagger 2、Retrofit、Picasso、Room、RxAndroid、Junit、Expresso 等。 . （我知道一些我们已经可以在 Flutter 中找到的功能，但我只是想在我的清单上做得更彻底）。我知道这是在问你们很多人，但是一旦开发人员看到轻松迁移并且不会错过旧平台的任何内容，我就会看到 adptoion 的速度加快。

feinstein 于 2018-05-23

👍2

@feinstein你的意思是像https://pub.dartlang.org/flutter吗？

Hixie 于 2018-05-24

😄2

@Hixie有一段时间我发了这个 reddit 帖子：

https://www.reddit.com/r/FlutterDev/comments/839j38/dartflutter_ecosystem/?utm_source=reddit-android

我得到的答复是 DI、REST(Retrofit) 和 JSON (GSON、Jackson) 尚不可用……它改变了吗？

feinstein 于 2018-05-24

@feinstein让我们将此讨论转移到单独的错误上。您能否为您认为丢失的每个软件包提交一个错误，我们将看看我们可以做些什么来满足您在每种情况下的需求？谢谢。

Hixie 于 2018-05-24

@Hixie ，当然！

feinstein 于 2018-05-24

我一直在玩这个插件，但我无法执行以下操作：
我希望能够全屏导航到包含地图小部件的页面，并且当按下“返回”（或其他操作）时，地图小部件会消失。

据我所知，示例文件夹在创建应用程序时附加了 navigatorObservers。我的问题是 GoogleMapOverlayController 需要创建宽度和高度，而我能够获得屏幕尺寸的唯一方法是在构建阶段使用 LayoutBuilder（获取 BoxConstraints）（即不能静态地做）。为了使地图具有交互性，我需要手动将其附加到上下文中。但是，我无法将其分离。当我按下后退按钮时，应用程序会向后导航，但地图仍然覆盖所有内容。

下面是我一直在尝试的代码。

第 1 页
Navigator.push(context, new MaterialPageRoute(builder: (context) => new GoogleMapsPage()));

谷歌地图页面

class GoogleMapsPage extends StatelessWidget {
  <strong i="15">@override</strong>
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(title: const Text("Test Maps")),
      body: new GoogleMaps(),
    );
  }
}

class GoogleMaps extends StatefulWidget {
  GoogleMaps({Key key}) : super(key: key);

  <strong i="16">@override</strong>
  _GoogleMaps createState() => new _GoogleMaps();
}

class _GoogleMaps extends State<GoogleMaps> {

  GoogleMapOverlayController mapOverlayController;

  <strong i="17">@override</strong>
  Widget build(BuildContext context) {
    return new Center(
      child: LayoutBuilder(
          builder: (BuildContext context, BoxConstraints constraints) {
        mapOverlayController = GoogleMapOverlayController.fromSize(
          width: constraints.maxWidth,
          height: constraints.maxHeight,
          options: GoogleMapOptions(
            cameraPosition: const CameraPosition(
              target: LatLng(-34.022631, 150.620685),
              zoom: 15.0,
            ),
            tiltGesturesEnabled: false,
            rotateGesturesEnabled: false,
          ),
        );
        mapOverlayController.overlayController.activateOverlay();
        mapOverlayController.overlayController.attachTo(context);
        return GoogleMapOverlay(controller: mapOverlayController);
      }),
    );
  }

  <strong i="18">@override</strong>
  void deactivate() {
    super.deactivate();
    mapOverlayController.overlayController.deactivateOverlay();
    mapOverlayController.overlayController.detach();
    mapOverlayController.overlayController.dispose();
    mapOverlayController.mapController.dispose();
    mapOverlayController.dispose();
  }
}

任何帮助，将不胜感激。

谢谢！

jposuna 于 2018-05-27

@jposuna正如自述文件中所述，该插件是一个预览版，旨在帮助将GoogleMapController Dart API 变为现实。除了在我们构建GoogleMapController API 时展示和测试 API 所需的内容之外，Flutter 团队不打算支持地图的平台覆盖。

使用map_view包可以使用全屏 Google 地图。

mravn-google 于 2018-05-27

@mravn-google 感谢您的快速回复。需要明确的是，我遇到的限制不是全屏支持（我能够全屏显示），而是在导航时将其从屏幕上移开。

我对 Flutter 完全陌生，所以可能会有一些行话让我忽略，但来自 README（“非常欢迎旨在帮助我们优先考虑和加快这项工作的问题和拉取请求”）以及您之前对此的评论线程（“完整的 API 覆盖率在路线图上有意义。优先级很大程度上取决于用户反馈”）我理解这是一个预览，旨在根据用例和反馈随着时间的推移进行扩展。

但从您的回答来看，它似乎并不是要发展成一个成熟的解决方案，而是在真正的解决方案之前作为概念验证。我理解正确吗？无论哪种方式都很好，我只是想了解情况，然后再与一个解决方案进行完全集成，然后不得不更改整个集成。

jposuna 于 2018-05-27

@jposuna我们打算将插件的GoogleMapController部分扩展为完整的解决方案，包括 1) 全面覆盖相关的 Google Maps API，以控制地图视图中显示的内容并响应用户与该视图的交互， 2) 将地图视图集成为标准小部件，可与其他小部件自由组合，包括那些实现导航的小部件。

GoogleMapOverlayController和平台覆盖通常是做 2) 的拐杖，这是一个临时解决方案，因为我们目前没有真正的小部件集成所需的 Google Maps API。我们不打算在拐杖上工作，因为它不能把我们带到我们想去的地方。

这意味着依赖于GoogleMapOverlayController的代码部分最终将不得不更改。如果您的代码必须使用 hack 来解决平台覆盖的限制，那么这些 hack 最终将变得不必要。

mravn-google 于 2018-05-27

我们公司等不及 Flutter 上的谷歌地图支持

tieorange 于 2018-06-01

👍2

@tieorange然后我建议选择另一个框架或构建原生应用程序。

levrik 于 2018-06-01

那是真的等不及了，还是那是一种惯用的兴奋表达方式？

此外，对 Flutter 的 Maps 支持不足是否会扩展到 Places API，或者可以想象，可以独立于从地图本身实际提取 Places 数据来访问它吗？

MichaelValentineSmith 于 2018-06-02

也期待这个支持👍

kitty7756 于 2018-06-04

👍6

我在编译时遇到问题，我得到“ld: framework not found google_maps_flutter”
因为另一个插件我有use_frameworks！在我的 PodFile 上。

我的颤振医生。
[✓] Flutter (Channel master, v0.5.2-pre.55, on Mac OS X 10.13.4 17E202, locale en-PT)
[✓] Android 工具链 - 为 Android 设备开发 (Android SDK 27.0.3)
[✓] iOS 工具链 - 为 iOS 设备开发 (Xcode 9.4)
[✓] Android Studio（3.1版）
[✓] VS 代码（版本 1.23.1）
[✓] 连接的设备（3 个可用）

PauloMelo 于 2018-06-05

@PauloMelo从您的项目目录运行flutter build ios 。然后 xcode 将构建良好。还记得运行flutter packages get

slightfoot 于 2018-06-05

不，不会的。
我尝试了一切：rm DerivedData，flutter clean，flutter build ios，甚至打开xworkspace并在xcode中构建它，我总是得到相同的消息......

PauloMelo 于 2018-06-05

@PauloMelo你添加了吗
google_maps_flutter:
git:
url: git://github.com/flutter/plugins
path: packages/google_maps_flutter
作为 pubspec.yaml 文件中的依赖项？
https://github.com/flutter/plugins/tree/master/packages/google_maps_flutter

lovung 于 2018-06-06

似乎google_maps_flutter.podspec文件需要一个

s.static_framework = true

线。我会做一个公关。

mravn-google 于 2018-06-06

👍1

@mravn-google 谢谢，这解决了我的问题。

PauloMelo 于 2018-06-07

开始了一个新的颤振项目，其中应该包括一个地图视图，我碰到了这堵砖墙。等待好消息！

Georgian 于 2018-06-07

👍7

@jposuna我已经让它在导航时消失了。当我有机会时，我会发布我正在做的事情。这是它的一个简短视频： https :

gerryhigh 于 2018-06-11

🎉3

你好，我刚刚测试了插件，它真的令人印象深刻！我喜欢
控制器和所有定制和可能性。我只是看到一些错误。
就像点击 newCameraPosition 按钮后崩溃一样，我捏到
从后面放大。其他经验，我尝试将整数映射到卡片中
有 ronded 边界，但它没有，不起作用。其他我试着做一个
地理围栏区域，我在地图上堆叠了一个不透明度为 50% 的圆形，但是
无法在地图上设置 le 圆形。

2018-06-11 21:58 GMT+02:00 Gerry High [email protected] :

@jposuna https://github.com/jposuna我已经让它消失了
导航离开。当我有机会时，我会发布我正在做的事情。这是一个
它在行动的简短视频： https ://twitter.com/gerryhigh/
状态/997312139663757312
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-396366977或静音
线程
https://github.com/notifications/unsubscribe-auth/AaWFywrVAg5KtnMG_FDJc5O8N9zQ3PbEks5t7svngaJpZM4Ge5yO
.

nitneuq33 于 2018-06-14

@nitneuq33正如您在此插件的 README.md 中所读到的那样 - 它通过将平台视图作为覆盖在颤动视图上来工作，并且它不允许与其他小部件自由合成。

piotrtobolski 于 2018-06-14

抱歉，好的，有没有可能实现地理围栏控制器？
就像一个自定义标签，但在缩放功能上是圆形和动态的，
半径值 ?

2018-06-14 12:49 GMT+02:00 Piotr Tobolski通知@github.com：

@nitneuq33 https://github.com/nitneuq33你可以在
这个插件的 README.md - 它通过将平台视图作为覆盖来工作
在颤动视图上，它不允许与其他自由合成
小部件。
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-397252927或静音
线程
https://github.com/notifications/unsubscribe-auth/AaWFyzd7A-TFa1xGOTdUC3s3X6lcK6RWks5t8j-cgaJpZM4Ge5yO
.

nitneuq33 于 2018-06-14

此功能是否有预计到达时间？

pau-not-paul 于 2018-06-14

抱歉，ETA 是什么？

乐。 2018 年 6 月 14 日 22:36，daldoy [email protected]一个écrit：

此功能是否有预计到达时间？
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-397429930或静音
线程
https://github.com/notifications/unsubscribe-auth/AaWFywmRIFV5h9JzrbBjlatRiMvHCZ9Bks5t8slagaJpZM4Ge5yO
.

nitneuq33 于 2018-06-14

预计到达时间。

不，没有，之前已经被问过很多次了。

feinstein 于 2018-06-14

你好，我试着用这个例子
https://github.com/flutter/plugins/tree/master/packages/google_maps_flutter/example/lib
但是通过简单的视图，我尝试在应用启动后仅显示 3 个地图
按钮（卫星类型、混合类型和新位置）。我成功了
这但没有改变示例的页面架构。所以我试着
使用另一个更简单的例子
https://github.com/flutter/plugins/tree/master/packages/google_maps_flutter
但它使用 StatLessWidget 和 map_ui 的例子使用 statfulWidget 但是
当我尝试使用 statfullwidget 时出现错误。我可以有一个简单的
在应用程序启动时使用 statfullWidget 的示例？（只是
需要 3 个按钮来更改地图类型并启动新的本地化）。
如果不清楚，我对颤振很抱歉，但这个插件是真的
很重要，这对我来说是最后一个集团:)

2018-06-14 23:03 GMT+02:00 feinstein [email protected] ：

预计到达时间。
不，没有，之前已经被问过很多次了。
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-397437407或静音
线程
https://github.com/notifications/unsubscribe-auth/AaWFyzu5X9Y5nhPIEeW1Myl12kf1JIEbks5t8s-xgaJpZM4Ge5yO
.

nitneuq33 于 2018-06-15

@nitneuq33很抱歉听到您遇到问题。对于这样的支持问题，您可能会在 stackoverflow (https://stackoverflow.com/questions/tagged/flutter) 上获得更好的支持。当前的问题跟踪器旨在跟踪整体功能进度。

mit-mit 于 2018-06-15

👍2

我试图解释我在 stackoverflow 中的需求，但我没有足够的经验来调试和理解答案。任何人都可以编写他的插件的简单示例，主屏幕上只有地图与标记、mapType 等选项兼容？谢谢

nitneuq33000 于 2018-06-16

@nitneuq33000这是一个使用带有标记、信息窗口（以及点击信息窗口时的回调）和行车路线的插件的简单示例。 https://github.com/gerryhigh/Flutter-Google-Maps-Demo

@@ jposuna导航走时看地图消失

请注意，此示例在主页上有一个按钮，用于导航到地图页面，但将场所页面设为主页对您来说是微不足道的。此示例还指向 pubspec.yaml 中插件的一个分支，因为它对 infowindowonTapped 调用有一个修复（我需要为修复创建一个拉取请求）。

最后，这种方法不使用插件附带的地图演示使用的导航观察者。结果，我注意到在渲染将显示叠加层和一些 x 偏移的地图时，iOS 上存在一个错误。目前我正在添加延迟加载来解决这个问题。

要运行此示例，只需输入您的地图键。我希望这有帮助。

gerryhigh 于 2018-06-16

谢谢你，这非常有帮助，真的是我搜索的:)

2018-06-16 21:41 GMT+02:00 Gerry High [email protected] :

@nitneuq33000 https://github.com/nitneuq33000这是一个简单的例子
使用带有标记、信息窗口的插件（以及信息窗口时的回调）
轻拍）和行车路线。 https://github.com/gerryhigh/
Flutter-Google-Maps-Demo
@@ jposuna https://github.com/jposuna看看地图消失
驶离时
请注意，此示例在主页上有一个按钮，该按钮导航到
地图页面，但将场地页面设为主页对您来说是微不足道的
页。此示例还指向 pubspec.yaml 中插件的一个分支
因为它修复了 infowindowonTapped 调用（我需要创建一个拉
请求修复）。
最后，这种方法不使用地图上的导航观察者
插件使用的演示。结果我注意到那里
是在渲染将显示叠加层的地图时 iOS 上的一个错误，并且
一些 x 偏移量。目前我正在增加负载延迟来解决这个问题
问题。
要运行此示例，只需输入您的地图键。我希望这有帮助。
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-397834840或静音
线程
https://github.com/notifications/unsubscribe-auth/AaWFy_a4oC7-F1fvSc6RvobUsZxd7_qVks5t9V9rgaJpZM4Ge5yO
.

nitneuq33 于 2018-06-17

确实，欢迎使用导航的解决方案，

2018-06-17 10:12 GMT+02:00 昆汀 guichot [email protected] ：

谢谢你，这非常有帮助，真的是我搜索的:)
2018-06-16 21:41 GMT+02:00 Gerry High [email protected] :
@nitneuq33000 https://github.com/nitneuq33000这是一个简单的例子
使用带有标记、信息窗口的插件（以及信息窗口时的回调）
轻拍）和行车路线。 https://github.com/gerryhigh/F
lutter-Google-Maps-Demo
@@ jposuna https://github.com/jposuna看看地图消失
驶离时
请注意，此示例在主页上有一个按钮，该按钮导航到
地图页面，但将场地页面设为主页对您来说是微不足道的
页。此示例还指向 pubspec.yaml 中插件的一个分支
因为它修复了 infowindowonTapped 调用（我需要创建一个拉
请求修复）。
最后，这种方法不使用地图上的导航观察者
插件使用的演示。结果我注意到那里
是在渲染将显示叠加层的地图时 iOS 上的一个错误，并且
一些 x 偏移量。目前我正在增加负载延迟来解决这个问题
问题。
要运行此示例，只需输入您的地图键。我希望这有帮助。
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-397834840 ，
或使线程静音
https://github.com/notifications/unsubscribe-auth/AaWFy_a4oC7-F1fvSc6RvobUsZxd7_qVks5t9V9rgaJpZM4Ge5yO
.

nitneuq33 于 2018-06-17

我有一个错误

初始化状态

我无法上传已保存的值。我使用共享偏好将数据传递给
下一页，但是当我添加这一行时，我有一个错误并且地图是
即使我返回上一页也始终处于活动状态。

void initState() {
  super.initState();

_loadgeoValue()

}

...

_loadgeoValue() async {

  SharedPreferences prefs = await SharedPreferences.getInstance();
  setState(() {
    lat = (prefs.getDouble('lat1'));
    long = (prefs.getDouble('long2'));
  }
  );
}

如果有人有想法...谢谢提前

2018-06-17 10:22 GMT+02:00 昆汀 guichot [email protected] ：

确实，欢迎使用导航的解决方案，
2018-06-17 10:12 GMT+02:00 昆汀 guichot [email protected] ：
谢谢你，这非常有帮助，真的是我搜索的:)
2018-06-16 21:41 GMT+02:00 Gerry High [email protected] :
@nitneuq33000 https://github.com/nitneuq33000这是一个简单的例子
使用带有标记、信息窗口的插件（以及信息窗口时的回调）
轻拍）和行车路线。 https://github.com/gerryhigh/F
lutter-Google-Maps-Demo
@@ jposuna https://github.com/jposuna看图
离开时消失
请注意，此示例在主页上有一个按钮，该按钮导航到
地图页面，但将场地页面设为
主页。这个例子也指向插件的一个分支
pubspec.yaml 因为它修复了 infowindowonTapped 调用（我需要
为修复创建拉取请求）。
最后，这种方法不使用地图上的导航观察者
插件使用的演示。结果我注意到那里
是在渲染将显示叠加层的地图时 iOS 上的一个错误，并且
一些 x 偏移量。目前我正在增加负载延迟来解决这个问题
问题。
要运行此示例，只需输入您的地图键。我希望这有帮助。
—
你收到这个是因为你被提到了。
直接回复此邮件，在 GitHub 上查看
https://github.com/flutter/flutter/issues/73#issuecomment-397834840 ，
或使线程静音
https://github.com/notifications/unsubscribe-auth/AaWFy_a4oC7-F1fvSc6RvobUsZxd7_qVks5t9V9rgaJpZM4Ge5yO
.

nitneuq33 于 2018-06-17

👎1

你好，我成功绕过了，没有进入 initstate 上传我的
启动新页面时的数据。所以目前它是功能性的，但
关闭页面时的固定层不是很性感。任何想法让它更多
视觉效果，比如关闭页面时图层图的淡出动画？
或者过渡动画谁捕捉页面的过渡？谢谢

nitneuq33 于 2018-06-22

👎1

你好，关于这个插件有什么进展吗，关于我们什么时候应该有一个解决方案的任何消息？
谢谢！

cosminstoinescu 于 2018-07-03

👍3

如何使用此插件获取当前用户位置纬度/经度？支持吗？

Stavarmath 于 2018-07-04

请将支持问题远离此线程，在 Gitter、Stackoverflow 或任何其他相关论坛上提问。每当您发表评论时，很多人都会收到不必要的通知。这个线程应该只包含相关的状态更新，或者实际有用的讨论，谢谢。

hundeva 于 2018-07-04

👍22

如何在此插件上使用其他小部件。很难在地图上插入小部件。

NguyenSen 于 2018-07-06

👎11 😄1

你好。我假设使用 WebView 嵌入谷歌地图的网络版本是完全不现实的？（还没试过，但我刚刚注意到这个插件https://pub.dartlang.org/packages/flutter_webview_plugin

ghost 于 2018-07-09

你好，关于这个插件有什么进展吗，关于我们什么时候应该有一个解决方案的任何消息？
谢谢！

cosminstoinescu 于 2018-07-15

我很好奇“本机小部件”的概念是否仍在发展。他们将让您在插件中的颤振小部件中包装“本机”视图，从理论上讲，让您制作一个地图视图插件，该插件仅包装“本机”视图并将其插入到颤振渲染树中您曾经使用过的地方插件的小部件。

mclark4386 于 2018-07-16

我正在积极努力，不幸的是我没有预计到达时间。
您也可以关注#19030 获取更详细的进度更新。

amirh 于 2018-07-17

👍30 🎉15

@amirh订阅谢谢！

mclark4386 于 2018-07-17

也许你应该看看这里： https ://github.com/apptreesoftware/flutter_google_map_view

@apptree软件

thiphariel 于 2018-08-02

👍4

内嵌谷歌地图插件的仅限 Android预览版现在可在以下网址获得： https ://github.com/flutter/plugins/tree/master/packages/google_maps_flutter

（为此所需的框架和引擎支持目前仅在主通道上可用）

amirh 于 2018-08-29

👍19 ❤7 🎉7 😄5

自述文件谈到 iOS 设置......这不应该更清楚吗？

feinstein 于 2018-08-29

好点，我现在将其删除。

amirh 于 2018-08-29

您好，在测试 google_maps_flutter 时遇到以下问题：
如果我按下“前往伦敦”按钮，地图会转到该位置，如果我尝试缩小应用程序，则应用程序将停止工作并关闭。
日志：
E/JavaBinder(10217): !!! Binder 交易失败！！！（包裹大小 = 3050800）
I/Process (10217)：发送信号。 PID：10217 SIG：9
失去与设备的连接。

如果我放大，一切正常，然后如果我缩小，应用程序工作正常，直到它达到按下按钮时设置的缩放值。
如果我不按下按钮，我可以毫无问题地放大和缩小。

cosminstoinescu 于 2018-09-23

@cosminstoinescu最好为这个特定问题创建一个新问题，使用完全填充的问题模板，如果可能的话，运行最小的复制。

zoechi 于 2018-09-24

👍1

已创建问题单：#22228：内联 Google 地图 - 缩放崩溃

cosminstoinescu 于 2018-09-24

正如其他人已经提到的那样，颤振可以通过平台通道与原生地图进行交互，这是一个在 swift 中这样做的示例： https :

以防万一有人发现它有帮助。

syfgkjasdkn 于 2018-10-04

👍2

出于好奇，你们是否也在移植 Places API，或者只是移植 Google Maps API？

feinstein 于 2018-10-04

👍1

这是获取任何更新通知的正确线程吗，我需要适用于 android 和 ios 的内联谷歌地图视图，是否有更详细的线程或类似的东西？

HerrNiklasRaab 于 2018-11-03

👍3

@HerrNiklasRaab是的，这是值得关注的问题，并且有关于内联地图的最佳信息。

MisterJimson 于 2018-11-05

flutter/plugins#892 为 google_maps_flutter 插件添加了 iOS 支持。
内联地图所基于的平台视图嵌入支持仍处于早期预览阶段（请参阅 https://github.com/flutter/flutter/issues/19030#issuecomment-437534853 ）。

未解决的问题使用平台视图和/或地图标签进行标记，请对您关心的问题进行投票，以帮助我们确定优先级。

amirh 于 2018-11-10

🎉11

请注意，如果您想在 iOS 上试用它，您需要启用预览标志，请参阅以下内容的更多详细信息：
https://github.com/flutter/flutter/issues/19030#issuecomment -437534853

amirh 于 2018-11-10

我认为这些信息应该包含在图书馆的 Readme.md 中。

是否有任何计划将其移至非内联解决方案，以便我可以将按钮放置在地图顶部、底部工作表、抽屉布局？

feinstein 于 2018-11-10

我计划尽快改进文档。

不确定您不是在线解决方案是什么意思？ Flutter 小部件现在可以放置在地图的顶部。

amirh 于 2018-11-10

哦，那太好了！我记得读过地图顶部不能有任何小部件，就好像它是一个不同的渲染层一样。这对ios和android有效吗？

feinstein 于 2018-11-10

在尝试了地图插件并弄乱了平台视图小部件之后，我来到了这篇文章，非常原始的文章，我可以说选项 3 会是一个更好的选择。

我想知道，为什么没有人选择从头开始为地图创建一个实际的小部件？我的意思是，它的全部力量就在那里！ Skia 足够强大，可以使用简单的图形为建筑物和道路创建自己的渲染器，还是从 Dart 中无法做到这一点？我检查了从 Dart 向引擎渲染一个简单框的代码，我发现这是可能的。

我知道我们需要平台视图是有技术原因的，但是，地图需要“原生”flutter SDK，或者 Fuchsia 的计划是什么？继续利用 Android 的 SDK 来渲染地图？这是胡说八道！

我们已经有了一个看起来运行良好的平台视图，可能需要优化，但团队现在可以放弃这个地图实现（基本上两个，每个平台一个）并开始为 Flutter 开发一个实际的地图，从技术上讲，它可以在任何Flutter 提供支持的未来平台，包括蜂鸟、PC、Mac 和 Linux（以及更多）。

这是最好的方法，现在你就可以了。 Unity3D 的地图插件不使用原生视图，它完全是为引擎定制的，并且具有惊人的可定制性！ Flutter 也需要它，它比地图的平台视图可以做的更丰富和有用。

此外，它将为我们开发人员带来一个想法，即如何在低级别实际使用图形引擎来构建其他东西。

我希望你们不要误会，但是，我真的相信通过平台视图的地图插件已经实现了他的目标：使本地视图成为可能的小部件。

哦，在我结束之前：我认为也许这可以扩展到 WebViews（拥有一个使用skia 渲染的实际浏览器引擎）是有用的，也许不是，也许它太多了（现在）但可以解决拥有的问题每个平台的 WebViews 的不同渲染器（如颤动图的意图），然而，与 chrome 引擎的集成会令人惊叹，我的意思是，如果平台能够运行 chromium，它在技术上可以用作 web 渲染器并提供在 Flutter 中渲染 WebView 的通道。

而已！我要去睡觉了：）

nosmirck 于 2019-01-28

👍14 👀3 👎1

我认为很长一段时间的计划是开发独立于底层平台的东西（选项 3）。然而，与此同时，这是一个“唾手可得的果实”，以支持当前的两个主要平台。我毫不怀疑，很快就会出现第三方解决方案，例如，没有什么能阻止任何人创建 OSM 包。

hundeva 于 2019-01-28

Flutter: 内联谷歌地图支持

最有用的评论

所有170条评论

相关问题