Я не мог найти простой способ сделать это, но поскольку все в виджете во флаттере, вы можете поместить свои карты Google в свой стек и добавить кнопку со значком или любую другую пользовательскую кнопку, которая вам нужна.
GoogleMap(
onMapCreated: _onMapCreated,
initialCameraPosition:
CameraPosition(target: LatLng(0.0, 0.0)),
markers: markers,
),
IconButton(
icon: Icon(Icons.battery_charging_full),
onPressed: () async {
final center = await getUserLocation();
getNearbyPlaces(center);
Marker myPosition = Marker(
markerId: MarkerId('myLocation'),
position: center == null
? LatLng(0, 0)
: LatLng(center.latitude, center.longitude),
icon: BitmapDescriptor.fromAsset(
'assets/logo.png'));
setState(() {
markers.add(myPosition);
});
},
),
],
)
Так что я делаю здесь, в основном,
У меня есть Stack
, который помогает мне поставить IconButton
над GoogleMap
. Когда пользователь нажимает на эту кнопку, я добавляю новый Marker
для отображения текущей позиции. На моем State
есть Set
из Markers
, который называется markers
, я создаю новый Marker
с помощью получить текущее местоположение пользователя и добавить собственный значок к этому маркеру, а затем добавить его в мои маркеры (Установить), чтобы отобразить его в GoogleMap.
моя функция getUserLocation:
Future<LatLng> getUserLocation() async {
LocationManager.LocationData currentLocation;
final location = LocationManager.Location();
try {
currentLocation = await location.getLocation();
final lat = currentLocation.latitude;
final lng = currentLocation.longitude;
final center = LatLng(lat, lng);
return center;
} on Exception {
currentLocation = null;
return null;
}
}
У меня есть location: ^2.1.0
пакет и я использую его как LocationManager import 'package:location/location.dart' as LocationManager;