如何从Firebase实时数据库获取经纬度并添加到地图Marker？

你的Firebase实时数据库返回的是嵌套Map结构：外层Map的键是自动生成的ID（如-NCPZuwqiuMwtaKfW-g9），每个键对应的值是包含latitude和longitude的子Map。当前代码直接将整个snapshot.value转字符串解析，显然无法正确提取经纬度。

修正步骤与代码 #

1. 解析嵌套Map数据 #

将snapshot.value转换为Map<String, dynamic>，遍历每个条目获取位置信息：

_dbReference
    ?.child("LiveTracker")
    .child("$passedId")
    .onValue
    .listen((event) {
  // 处理空数据情况
  if (event.snapshot.value == null) return;
  
  // 将快照值转为Map类型
  Map<String, dynamic> locationData = event.snapshot.value as Map<String, dynamic>;
  
  // 清空现有标记（可选，避免重复添加）
  _markers.clear();
  
  // 遍历每个位置条目
  locationData.forEach((key, value) {
    // 直接提取经纬度（Firebase会保留数值类型）
    double lat = value["latitude"] as double;
    double lng = value["longitude"] as double;
    
    // 创建Marker并添加到列表
    _markers.add(Marker(
      markerId: MarkerId(key), // 用数据库唯一ID作为markerId，避免重复
      position: LatLng(lat, lng),
    ));
  });
  
  // 通知UI更新标记
  setState(() {});
});

2. 关键注意点 #

• 类型安全：无需用double.parse转换，Firebase实时数据库会自动保留数值类型，直接强转即可（若数据存为字符串则需用double.parse）。
• 避免重复标记：用数据库自动生成的ID作为MarkerId，比时间戳更可靠，不会重复创建相同位置的标记。
• UI更新：修改_markers后必须调用setState，否则地图不会刷新显示新标记。
• 键名检查：你数据库里的latitude是-122（经度范围），longitude是37（纬度范围），可能存在键名写反的情况，若地图显示位置异常，需交换参数：LatLng(lng, lat)。

内容的提问来源于stack exchange，提问作者Saurav