Flutter如何引入高德地图3.0.0

在Flutter项目中集成高德地图3.0.0时遇到问题,按照官方文档添加依赖后运行报错。具体步骤是:在pubspec.yaml中添加amap_flutter_map: ^3.0.0,同步后出现插件兼容性错误,提示与当前Flutter版本不匹配。请问:

  1. 是否需要额外配置Android/iOS原生端?
  2. 官方文档中提到的AMapServices.setApiKey()应该在哪里调用?
  3. 有没有完整的3.0.0版本集成示例?
  4. 遇到"Failed to resolve implementation"错误该如何解决?
2 回复

pubspec.yamldependencies 中添加:

amap_flutter_map: ^3.0.0

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

更多关于Flutter如何引入高德地图3.0.0的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中引入高德地图3.0.0,推荐使用官方维护的amap_flutter_map插件。以下是具体步骤:

1. 添加依赖

pubspec.yaml中添加:

dependencies:
  amap_flutter_map: ^3.0.0

2. 配置平台参数

Android配置:

  • AndroidManifest.xml<application>标签内添加:
<meta-data
  android:name="com.amap.api.v2.apikey"
  android:value="您的Android平台Key"/>

iOS配置:

  • Info.plist中添加:
<key>io.flutter.embedded_views_preview</key>
<true/>
<key>AMapApiKey</key>
<string>您的iOS平台Key</string>

3. 基本使用示例

import 'package:amap_flutter_map/amap_flutter_map.dart';
import 'package:amap_flutter_base/amap_flutter_base.dart';

class MapPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: AMapWidget(
        apiKey: AMapApiKey(
          iosKey: 'iOS平台Key',
          androidKey: 'Android平台Key',
        ),
        onMapCreated: (controller) {
          // 地图创建回调
        },
      ),
    );
  }
}

4. 注意事项

  • 需要在高德开放平台申请对应的平台Key
  • iOS需要额外配置定位权限
  • 首次使用建议参考官方文档的完整示例

这样就完成了高德地图3.0.0在Flutter中的基础集成。

回到顶部