Flutter高德地图兴趣点搜索功能如何实现

我在使用Flutter集成高德地图时遇到了兴趣点搜索功能的问题。按照官方文档实现了AMapSearchKit的初始化，但在调用POI搜索时总是返回空结果。代码中已经确认了API Key正确配置，搜索参数也设置了城市和关键字，但回调数据始终为空。想请教大家：1. 是否需要额外的权限配置？2. 在Flutter中处理高德地图回调是否有特殊注意事项？3. 能否提供一个有效的POI搜索代码示例？特别困扰的是在Android真机测试时连错误码都没有返回。

3 回复

实现Flutter中高德地图的兴趣点（POI）搜索功能，需要使用高德提供的Android和iOS原生SDK，并通过Flutter的平台通道与原生代码交互。

首先，在高德开放平台注册账号并创建应用，获取Android和iOS的API Key。在Flutter项目中添加amap_search_fluttify插件，它是高德地图的Flutter封装库。

接着，在Android平台配置AndroidManifest.xml，添加API Key和网络权限；在iOS平台配置Info.plist，同样加入API Key。

然后，通过amap_search_fluttify提供的接口调起POI搜索。例如：调用searchPoi方法传入关键词、城市、坐标范围等参数。这将触发平台通道，原生代码会利用高德SDK执行搜索逻辑，并将结果回调给Flutter层。

最后，处理返回的结果数据并在界面上展示。整个过程需注意错误处理及线程切换，确保用户体验流畅。

更多关于Flutter高德地图兴趣点搜索功能如何实现的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


要实现Flutter中高德地图的兴趣点（POI）搜索功能，首先需要集成高德地图SDK。在pubspec.yaml中添加amap_map_fluttur和flutter_amap_search插件。

  1. 初始化高德地图服务，在Android的AndroidManifest.xml添加API Key，iOS在Info.plist配置Key。
  2. 使用AmapSearch类进行POI搜索，需实例化PoiSearchOption设置查询参数如关键字、城市、坐标等。
  3. 调用searchPoi方法执行搜索，监听回调获取结果列表，包含POI名称、地址、经纬度等信息。
  4. 将搜索结果标注到地图上，使用MarkerOptions创建标记并添加到地图中。

示例代码：

final search = AmapSearch();
final option = PoiSearchOption()
  ..city('北京')
  ..keywords('餐馆')
  ..pageNum(1);
search.searchPoi(option, (status, result) {
  if (status == AmapSearchStatus.OK) {
    // 处理POI结果
  }
});

Flutter高德地图兴趣点搜索功能实现

要在Flutter中实现高德地图的POI(兴趣点)搜索功能，可以使用amap_flutter_map插件。以下是实现步骤：

1. 添加依赖

在pubspec.yaml中添加：

dependencies:
  amap_flutter_map: ^x.x.x # 使用最新版本
  amap_flutter_location: ^x.x.x # 可选，用于定位

2. 初始化地图

AMapWidget(
  apiKey: const AMapApiKey(
    androidKey: '您的Android Key',
    iosKey: '您的iOS Key',
  ),
  onMapCreated: (controller) {
    _mapController = controller;
  },
)

3. 实现POI搜索功能

Future<void> searchPoi(String keyword, LatLng center) async {
  try {
    final result = await AMapSearch.instance.searchPoi(
      query: keyword,
      location: center,
      city: '北京', // 可选城市限制
      types: '', // 可选POI类型
      radius: 1000, // 搜索半径(米)
    );
    
    // 处理搜索结果
    result.poiList.forEach((poi) {
      print('名称: ${poi.title}, 地址: ${poi.snippet}, 坐标: ${poi.latLng}');
    });
    
    // 在地图上显示标记
    _mapController?.addMarkers(
      result.poiList.map((poi) => MarkerOption(
        latLng: poi.latLng,
        title: poi.title,
        snippet: poi.snippet,
      )).toList(),
    );
  } catch (e) {
    print('POI搜索失败: $e');
  }
}

4. 使用搜索功能

ElevatedButton(
  onPressed: () {
    searchPoi('餐厅', LatLng(39.90960, 116.44730));
  },
  child: Text('搜索餐厅'),
)

注意事项

  1. 需要在高德开放平台申请API Key
  2. Android需要配置AndroidManifest.xml
  3. iOS需要配置Info.plist
  4. 搜索功能需要网络权限

建议将搜索功能封装为单独的组件，并根据业务需求添加更多过滤条件或分页功能。

回到顶部