Flutter中BitmapDescriptor设置大小无效，如何修改GoogleMap标记图标尺寸？

问题重现 #

使用BitmapDescriptor.fromAssetImage传入不同size值生成自定义Marker图标，无论传入2、5还是10，图标显示尺寸完全无变化；调用获取图标后通过setState更新_markers，但问题依然存在。

核心原因 #

ImageConfiguration(size: Size(size, size))里的size并非直接控制Marker的显示尺寸，它的作用是适配不同分辨率的屏幕，用来计算合适的像素密度，不会直接改变图标的视觉大小。另外，如果_buildMarker方法里没有正确引用更新后的_customIcon，也会导致尺寸修改不生效。

解决步骤 #

1. 正确生成指定尺寸的自定义图标

放弃直接依赖ImageConfiguration.size，改为先加载图片资源，手动缩放后再转成BitmapDescriptor：

import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/services.dart';

Future<BitmapDescriptor> _getCustomMarkerIcon(double targetSize) async {
  // 加载图片资源
  final ByteData data = await rootBundle.load('assets/images/car.png');
  final Uint8List bytes = data.buffer.asUint8List();
  
  // 按目标尺寸缩放图片
  final ui.Codec codec = await ui.instantiateImageCodec(
    bytes,
    targetWidth: targetSize.toInt(),
    targetHeight: targetSize.toInt()
  );
  final ui.FrameInfo frameInfo = await codec.getNextFrame();
  final ByteData? resizedData = await frameInfo.image.toByteData(
    format: ui.ImageByteFormat.png
  );
  
  return BitmapDescriptor.fromBytes(resizedData!.buffer.asUint8List());
}

2. 确保Marker正确引用更新后的图标

检查_buildMarker方法，确认它使用的是全局的_customIcon而非固定的默认图标：

Marker _buildMarker(Car car, String id) {
  return Marker(
    markerId: MarkerId(id),
    position: LatLng(car.lat, car.lng),
    icon: _customIcon, // 必须引用更新后的自定义图标
    // 其他Marker属性...
  );
}

3. 优化图标更新逻辑

确保调用尺寸修改方法后，正确触发状态刷新更新Marker集合：

// 调用示例：设置Marker图标尺寸为30
void updateMarkerSize(double size) {
  _getCustomMarkerIcon(size).then((icon) {
    setState(() {
      _customIcon = icon;
      // 重新生成Marker集合，确保所有Marker使用新图标
      _markers = recommended_cars
          .map((e) => _buildMarker(e, recommended_cars.indexOf(e).toString()))
          .toSet();
    });
  });
}

额外注意事项 #

• 如果图标仍无变化，检查是否存在缓存问题：开发阶段可以给图片路径加随机参数（如'assets/images/car.png?${DateTime.now().millisecondsSinceEpoch}'）绕过缓存。
• 避免传入过小的尺寸（如2、5），这类尺寸会因屏幕像素密度被放大，显示效果和预期差异大，建议先测试20、30这类常规尺寸。

内容的提问来源于stack exchange，提问作者0x-xsh