Flutter高级谷歌地图地点搜索插件google_maps_place_search_advance的使用

Custom Google搜索地点自动完成小部件，带有地标图像和距离计算。

开始使用

google_maps_place_search_advance 提供了对 Google 地点自动完成搜索和地标图像的程序化访问，并且还提供了与设备当前位置的距离。

特性

帮助您的客户探索他们所在的位置及周围环境：

• 地点自动完成功能会根据用户输入自动填充地点名称和/或地址。
• 地点定位器可以给出相对于当前位置的距离。
• 地点照片返回高质量的地点图像。

安装

添加依赖项

您可以使用以下命令添加 google_maps_place_search_advance 作为依赖项（使用最新稳定版本）：

$ dart pub add google_maps_place_search_advance

或者，您可以在 pubspec.yaml 文件的 dependencies 部分手动添加 google_maps_place_search_advance：

dependencies:
  google_maps_place_search_advance: ^replace-with-latest-version

添加图标以使包正常工作，需要在 flutter 部分添加资产：

flutter:
  # To add assets to your package, add an assets section, like this:
  assets:
    - assets/search.png

最新版本：

最新版本（包括预发布版本）：

在升级之前：主版本和次版本可能会发生破坏性更改。
请参阅[迁移指南][迁移指南]获取完整的破坏性更改列表。

极其简单的使用

import 'package:google_maps_place_search_advance/google_maps_place_search_advance.dart';

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Container(
          child: SingleChildScrollView(
            child: GooglePlaceSearchAdvance(
              googleMapsApiKey: "GOOGLE_MAPS_API_KEY",
              country: "fr",
              iconImagePath: "assets/search.png",
              mapimagePath: "assets/not_image_place.png",
              onLocationSelected: (double lat, double lng, String address, String imageURL){
                print("Coordinates are $lat,$lng");
                print("Address is : $address");
                print("Image URL is: $imageURL");
              },
            ),
          ),
        ),
      ),
    );
  }
}

生成应用密钥

1. 转到 Google 地图平台 > 凭证页面。
2. 在凭证页面上，点击创建凭据 > API 密钥。新创建的 API 密钥对话框会显示你刚创建的 API 密钥。
3. 点击关闭。新的 API 密钥将列在凭证页面下的 API 密钥中。（在生产环境中使用前记得限制 API 密钥。）

开发者详情

以下是示例代码：

import 'package:flutter/material.dart';
import 'package:google_maps_place_search_advance/google_maps_place_search_advance.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Example of Google Maps Place Search Advance Package',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  FocusNode? focusNode;

  [@override](/user/override)
  void initState() {
    super.initState();
    focusNode = FocusNode();
  }

  [@override](/user/override)
  void dispose() {
    focusNode!.dispose();
    super.dispose();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Container(
          child: SingleChildScrollView(
            child: GooglePlaceSearchAdvance(
              googleMapsApiKey: "GOOGLE_MAPS_API_KEY",
              lightTheme: false,
              country: "fr",
              iconImagePath: "assets/search.png",
              mapimagePath: "assets/not_image_place.png",
              onLocationSelected: (double lat, double lng, String address, String mainText, String imageURL) {
                print("Coordinates are $lat,$lng");
                print("Address is : $address");
                print("Image URL is: $imageURL");
                print("Main Text is: $mainText");
              },
              focusNode: focusNode!,
            ),
          ),
        ),
      ),
    );
  }
}