我想创建一个屏幕,它会显示在屏幕上的经度和纬度时,在一个小Map上的公司的位置。Map不应该占用整个页面。这个想法是有一个像下面这样的Map。什么是最好的插件使用,以及如何显示在一个小部件?
kcugc4gi1#
我使用flutter_osm_plugin(打开街道Map)插件.我可以通过使用**SizedBox**widget Package 来调整Mapwidget的大小。
SizedBox( height: 200, width: double.infinity, child: OSMFlutter(...), ),
yqkkidmi2#
如果你使用的是google_maps_flutter,在谷歌Map中有一种叫做“精简模式”的东西。根据Google Developer文档:精简模式贴图是指定位置和缩放级别的贴图的位图图像。Lite模式支持所有Map类型(普通、混合、卫星、地形)和完整API提供的部分功能。当您希望在流中提供大量Map,或者Map太小而无法支持有意义的交互时,Lite模式非常有用。
google_maps_flutter
TL;DR:Lite模式是Google Maps的静态图像版本,不启用任何手势。
这个模式是非常有用的创建像你上面展示的迷你Map嵌入的东西。要在flutter绑定中使用它,我们只需要将liteModeEnabled指定为true。Lite模式将带有两个按钮,显示方向并在GoogleMap应用程序中打开。如果您不需要这些按钮,请使用mapToolbarEnabled到false禁用它。
liteModeEnabled
true
mapToolbarEnabled
false
GoogleMap( liteModeEnabled: true, // the required field mapToolbarEnabled: false, // to disable buttons onTap: (latLng) => // onTap handler print('it is clickable'), ... );
2条答案
按热度按时间kcugc4gi1#
我使用flutter_osm_plugin(打开街道Map)插件.
我可以通过使用**SizedBox**widget Package 来调整Mapwidget的大小。
示例
看起来像什么
yqkkidmi2#
如果你使用的是
google_maps_flutter
,在谷歌Map中有一种叫做“精简模式”的东西。根据Google Developer文档:
精简模式贴图是指定位置和缩放级别的贴图的位图图像。Lite模式支持所有Map类型(普通、混合、卫星、地形)和完整API提供的部分功能。当您希望在流中提供大量Map,或者Map太小而无法支持有意义的交互时,Lite模式非常有用。
TL;DR:Lite模式是Google Maps的静态图像版本,不启用任何手势。
这个模式是非常有用的创建像你上面展示的迷你Map嵌入的东西。要在flutter绑定中使用它,我们只需要将
liteModeEnabled
指定为true
。Lite模式将带有两个按钮,显示方向并在GoogleMap应用程序中打开。如果您不需要这些按钮,请使用
mapToolbarEnabled
到false
禁用它。