dart 在小部件中显示位置

nom7f22z  于 2023-09-28  发布在  其他
关注(0)|答案(2)|浏览(103)

我想创建一个屏幕,它会显示在屏幕上的经度和纬度时,在一个小Map上的公司的位置。Map不应该占用整个页面。这个想法是有一个像下面这样的Map。什么是最好的插件使用,以及如何显示在一个小部件?

kcugc4gi

kcugc4gi1#

我使用flutter_osm_plugin(打开街道Map)插件.
我可以通过使用**SizedBox**widget Package 来调整Mapwidget的大小。

示例

SizedBox(
  height: 200,
  width: double.infinity,
  child: OSMFlutter(...),
),

看起来像什么

yqkkidmi

yqkkidmi2#

如果你使用的是google_maps_flutter,在谷歌Map中有一种叫做“精简模式”的东西。
根据Google Developer文档:
精简模式贴图是指定位置和缩放级别的贴图的位图图像。Lite模式支持所有Map类型(普通、混合、卫星、地形)和完整API提供的部分功能。当您希望在流中提供大量Map,或者Map太小而无法支持有意义的交互时,Lite模式非常有用。

TL;DR:Lite模式是Google Maps的静态图像版本,不启用任何手势。

这个模式是非常有用的创建像你上面展示的迷你Map嵌入的东西。要在flutter绑定中使用它,我们只需要将liteModeEnabled指定为true
Lite模式将带有两个按钮,显示方向并在GoogleMap应用程序中打开。如果您不需要这些按钮,请使用mapToolbarEnabledfalse禁用它。

GoogleMap(
  liteModeEnabled: true,     // the required field
  mapToolbarEnabled: false,  // to disable buttons
  onTap: (latLng) =>         // onTap handler
      print('it is clickable'), 
  ...
);

相关问题