You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter中Google Maps当前定位蓝色标记点颜色修改方法咨询

Google Maps Flutter 自定义当前定位标记颜色的正确方法

你查到的说法已经过时了,当前新版本的Google Maps Flutter(2.0.0及以上)支持直接自定义默认定位蓝点的样式,无需叠加额外圆形。

解决步骤

  1. 确保依赖版本达标
    在pubspec.yaml中确认google_maps_flutter版本不低于2.0.0,若版本较低,先升级:

    dependencies:
      google_maps_flutter: ^2.5.0 # 可替换为最新稳定版
    
  2. 使用MyLocationConfiguration配置样式
    在GoogleMap组件中,通过myLocationConfiguration参数直接设置定位标记的颜色、精度半径的样式:

    GoogleMap(
      initialCameraPosition: CameraPosition(
        target: LatLng(你的纬度, 你的经度),
        zoom: 14,
      ),
      myLocationEnabled: true, // 必须开启当前定位权限及该参数
      myLocationConfiguration: MyLocationConfiguration(
        myLocationMarkerColor: Colors.orange, // 定位标记的填充色(橙色)
        accuracyCircleFillColor: Colors.orange.withOpacity(0.2), // 精度半径填充色
        accuracyCircleStrokeColor: Colors.orange, // 精度半径边框色
      ),
    )
    

你之前只改了半径颜色的原因

你之前仅修改了精度半径的颜色,但未配置myLocationMarkerColor参数,所以定位标记仍保持默认蓝色。按上述代码配置后,就能把蓝色标记改为橙色。

内容的提问来源于stack exchange,提问作者Abdul Salam

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.21 08:33:12