Flutter中Google Maps当前定位蓝色标记点颜色修改方法咨询
Google Maps Flutter 自定义当前定位标记颜色的正确方法
你查到的说法已经过时了,当前新版本的Google Maps Flutter(2.0.0及以上)支持直接自定义默认定位蓝点的样式,无需叠加额外圆形。
解决步骤
确保依赖版本达标
在pubspec.yaml中确认google_maps_flutter版本不低于2.0.0,若版本较低,先升级:dependencies: google_maps_flutter: ^2.5.0 # 可替换为最新稳定版使用
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
相关产品推荐
相关产品推荐

