Flutter Map缩放时标记图标偏移：如何正确设置锚点？

你的问题核心在于Marker的尺寸和锚点设置不匹配，导致缩放时定位偏移，和CircleMarker无法对齐。具体问题和修复方案如下：

问题分析 #

1. 你设置的Marker宽高是50，但内部Icon的size是60，图标超出了Marker的设定范围，锚点计算的参考坐标系混乱，缩放时就会出现偏移。
2. Icons.location_on_sharp这类定位图标的视觉定位点是底部尖端，而你用了AnchorAlign.center，导致图标中心对应经纬度点，而非实际应该定位的尖端，自然和CircleMarker（中心对应经纬度）不对齐。

修复步骤 #

1. 统一Marker与Icon的尺寸 #

让Marker的width和height和Icon的size保持一致，确保锚点计算的参考范围准确：

Marker marker = Marker(
  point: LatLng(alertLatitude, alertLongitude),
  width: 60, // 和Icon的size匹配
  height: 60,
  // 调整锚点到图标底部尖端
  anchorPos: AnchorPos.align(AnchorAlign.bottom),
  builder: (context) => Icon(
        Icons.location_on_sharp,
        size: 60,
        color: Color(aquarium),
      ),
);

2. 精准锚点设置（可选） #

如果AnchorAlign.bottom还是有细微偏差，可以用AnchorPos.exact手动指定锚点坐标（以Marker的左上角为原点）：

// 假设图标尖端在宽度中心、高度底部，x取宽度的一半（60/2=30），y取高度最大值（60）
anchorPos: AnchorPos.exact(30, 60),

3. 验证CircleMarker的坐标 #

确保alertCirclesList中的CircleMarker的center参数和Marker的point是同一个LatLng，这样两者的定位原点一致，修改后就能完美对齐。

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