Flutter地图服务插件amap_core的使用

amapcore

高德地图组件类型包。

Getting Started

amap_core 是一个用于在 Flutter 应用中集成高德地图服务的插件。它提供了丰富的功能，包括地图显示、定位、标注等。该插件支持 Web、Android 和 iOS 平台。

使用步骤

以下是一个完整的示例，展示如何在 Flutter 应用中使用 amap_core 插件来显示地图。

1. 添加依赖

在项目的 pubspec.yaml 文件中添加 amap_core 依赖：

dependencies:
  amap_core: ^0.0.4

然后运行以下命令安装依赖：

flutter pub get

2. 初始化地图

在应用中初始化地图组件，并设置地图的基本参数。

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MapScreen(),
    );
  }
}

class MapScreen extends StatefulWidget {
  @override
  _MapScreenState createState() => _MapScreenState();
}

class _MapScreenState extends State<MapScreen> {
  // 创建一个 AMapController 实例
  AMapController mapController;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('高德地图示例'),
      ),
      body: Stack(
        children: [
          // 使用 AMapWidget 显示地图
          AMapWidget(
            apiKey: "你的高德地图API Key", // 替换为你的高德地图API Key
            onMapCreated: (controller) {
              setState(() {
                mapController = controller;
              });
            },
          ),
          // 添加一个按钮，点击后移动到指定位置
          Positioned(
            bottom: 20,
            left: 20,
            child: ElevatedButton(
              onPressed: () async {
                // 设置地图中心点和缩放级别
                await mapController.moveCamera(CameraPosition(
                  target: LatLng(39.9096048, 116.3972285), // 北京坐标
                  zoom: 10,
                ));
              },
              child: Text('移动到北京'),
            ),
          ),
        ],
      ),
    );
  }
}

3. 运行应用

运行应用后，您将看到一个包含高德地图的地图界面。点击“移动到北京”按钮后，地图会自动移动到指定的位置（北京市）。

注意事项

1. API Key：在使用高德地图服务之前，您需要在高德开放平台注册并获取 API Key。将 apiKey 替换为您自己的 API Key。
2. 权限配置：
   • 在 Android 设备上，确保在 AndroidManifest.xml 中添加以下权限：

     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
     

   • 在 iOS 设备上，确保在 Info.plist 中添加以下键值对：

     <key>NSLocationWhenInUseUsageDescription</key>
     <string>需要访问您的位置信息</string>