首页 > 解决方案 > 使用 InfoWindow 颤动图创建制造商

问题描述

除了问候你,我想问你是否有人能够在颤振地图制造商中显示一个信息窗口,或者创建一个浮动的容器,以便它出现在制造商旁边,如果可能的话在谷歌地图中。

new Marker
                    (
                      width: 45.0,
                      height: 45.0,
                      point: new LatLng(-25.963678, -51.240657),
                      builder: (ctx) =>

                      new Container  //here infoWindow or Float Container
                      (
                        //child: new FlutterLogo(),
                          child: IconButton
                          (
                            icon: Icon(Icons.location_on),
                            color: Colors.blue,
                            iconSize: 45.0,
                            tooltip: "prueba",
                            onPressed: ()
                            {
                              print("test press");
                            },
                          )
                      ),
                    ),

非常感谢您一如既往的帮助。

标签: flutterdarttooltipfloating-action-buttonfluttermap

解决方案


您不能在任何颤振地图插件中将小部件设置为标记信息窗口。您只能在谷歌地图插件中设置信息窗口的标题和文本。

您可以关闭地图信息窗口,如果用户单击它,则将地图置于标记的中心,并添加一些代码以在屏幕的大致中心显示自定义对话框。您将不得不使用颤振堆栈小部件。

Stack(
  children:[
    Map(
      markers: [Marker(/*no info-window*/, onTap: (){
        setState((){ _opacity = 1; });
      })],
      onMapMove: (){
        setState((){ _opacity = 0; });
      }
    ),
    Opacity(
      opacity: _opacity,
      child: /*custom info-window*/,
    ),
  ],
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.center,
),

推荐阅读