Flutter地图功能增强插件maphero的使用

在Flutter项目中，使用maphero插件可以增强地图功能，提供丰富的地图操作和视觉体验。以下是一个使用maphero插件的示例代码，展示如何集成该插件并实现一些基本功能。

首先，确保你已经在pubspec.yaml文件中添加了maphero依赖：

dependencies:
  flutter:
    sdk: flutter
  maphero: ^最新版本号  # 请替换为实际发布的最新版本号

然后，运行flutter pub get来安装依赖。

接下来，在你的Flutter项目中，可以按照以下步骤使用maphero插件：

1. 导入必要的包

在你的Dart文件中导入maphero包：

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

2. 创建地图控件

在你的Widget树中，添加一个MapHero控件。这里是一个简单的示例：

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('MapHero Demo'),
        ),
        body: MapHeroDemo(),
      ),
    );
  }
}

class MapHeroDemo extends StatefulWidget {
  @override
  _MapHeroDemoState createState() => _MapHeroDemoState();
}

class _MapHeroDemoState extends State<MapHeroDemo> {
  late MapHeroController _mapHeroController;

  @override
  void initState() {
    super.initState();
    _mapHeroController = MapHeroController(
      initialCameraPosition: CameraPosition(
        target: LatLng(37.7749, -122.4194), // 初始位置，例如旧金山
        zoom: 14.0,
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return MapHero(
      mapHeroController: _mapHeroController,
      onMapCreated: (MapHeroController controller) {
        // 地图创建完成后的回调，可以在这里添加标记等
        setState(() {
          // 例如，添加一个标记
          controller.addMarker(
            MarkerOptions(
              position: LatLng(37.7749, -122.4194),
              infoWindow: InfoWindow(title: '旧金山', snippet: '加州'),
            ),
          );
        });
      },
    );
  }
}

3. 增强功能

maphero插件提供了多种增强功能，比如自定义标记、多边形、圆等。以下是如何添加一个圆和多边形的示例：

@override
Widget build(BuildContext context) {
  return MapHero(
    mapHeroController: _mapHeroController,
    onMapCreated: (MapHeroController controller) {
      // 添加标记
      controller.addMarker(
        MarkerOptions(
          position: LatLng(37.7749, -122.4194),
          infoWindow: InfoWindow(title: '旧金山', snippet: '加州'),
        ),
      );

      // 添加一个圆
      controller.addCircle(
        CircleOptions(
          center: LatLng(37.7749, -122.4194),
          radius: 1000, // 半径，单位为米
          strokeColor: Colors.redAccent,
          fillColor: Colors.red.withOpacity(0.3),
        ),
      );

      // 添加一个多边形
      controller.addPolygon(
        PolygonOptions(
          points: [
            LatLng(37.7749, -122.4194),
            LatLng(37.7849, -122.4294),
            LatLng(37.7799, -122.4394),
            LatLng(37.7749, -122.4194), // 闭合多边形
          ],
          strokeColor: Colors.blueAccent,
          fillColor: Colors.blue.withOpacity(0.3),
        ),
      );
    },
  );
}

4. 运行应用

现在，你可以运行你的Flutter应用，查看集成了maphero插件的地图功能。

以上代码展示了如何在Flutter项目中集成maphero插件，并添加标记、圆和多边形等增强功能。你可以根据需要进一步自定义和扩展这些功能。