相关疑难解决方法(0)

如何在flutter中创建具有自动完成功能的简单Google地图地址搜索并获取经度和纬度?

我是Flutter的新手,正在尝试构建一个简单的Google Maps应用。我已经实现了Google Maps到应用程序,并且运行完美。

但是,现在我想添加自动完成的Google地图,但找不到适合它的简单教程或示例。

我有一个TextField,我想根据用户输入的内容在其下方显示位置和地址。

显示结果后,我需要获取其纬度和经度以在地图上进行标记。下面的代码代表我的BottomSheet,其中包含我的TexField,并且需要在一些书面文字之后实现其下方的一些列表。

void _settingModalBottomSheet(context) {
    double statusBarHeight = MediaQuery.of(context).padding.top;

    showModalBottomSheet(
      context: context,
      builder: (builder) {
        return Container(
          padding: EdgeInsets.only(top: statusBarHeight),
          color: Colors.transparent,
          child: Container(
            height: MediaQuery.of(context).size.height,
            decoration: BoxDecoration(
              color: Colors.blueAccent,
              borderRadius: BorderRadius.only(
                topLeft: const Radius.circular(10.0), topRight: const Radius.circular(10.0))),
              child: Column(
                children: <Widget>[
                  Padding(
                    padding: const EdgeInsets.only(top: 8.0, left: 8.0, right: 8.0),
                    child: Container(
                      height: 50.0,
                      width: double.infinity,
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(10.0),
                        color: Colors.white
                      ),
                      child: TextField(
                        textInputAction: TextInputAction.search,
                        decoration: InputDecoration(
                          hintText: "Para onde vamos?",
                          border: InputBorder.none, …
Run Code Online (Sandbox Code Playgroud)

maps search autocomplete flutter google-places-autocomplete

6
推荐指数
1
解决办法
6091
查看次数