google_maps_flutter & la clé d'API
On ajoute google_maps_flutter et une clé d'API Google Maps (dans la configuration Android/iOS).
Cyber — la clé d'API se restreint (par application/package) et ne se commite pas en clair ; on la gère comme un secret.
Afficher la carte
Le widget GoogleMap affiche la carte, centrée par initialCameraPosition.
GoogleMap( initialCameraPosition: const CameraPosition( target: LatLng(45.6006, 1.1367), zoom: 11), )
Placer des marqueurs
Chaque campagne devient un Marker à sa position, avec une info-bulle.
markers: campagnes.map((c) => Marker(
markerId: MarkerId(c.id),
position: LatLng(c.lat, c.lon),
infoWindow: InfoWindow(title: c.zone, snippet: '${c.volumeTotal} L'),
)).toSet()
Ouvrir un itinéraire
url_launcher peut ouvrir l'app de cartes du téléphone vers une adresse de livraison.
🛢️ Sur le projet Fioul Groupé
Ajoute un écran « carte » affichant les campagnes ouvertes autour de la position de l'utilisateur (marqueurs). Au tap sur un marqueur, propose d'ouvrir le détail. Les coordonnées viennent du champ localisation (GeoJSON) stocké dans MongoDB.
À retenir
google_maps_flutter+ clé d'API (restreinte, secrète).GoogleMapcentré parCameraPosition;Markerpar campagne.url_launcherpour un itinéraire externe.