Written by @*Shahzaib Hassan – Mobile App Developer (3+ yrs)*

🎯 Goal

Display a heatmap overlay on a Google Map using Flutter — showing data density such as user activity, locations, or hotspots.

⚙️ Step 1: Create a New Google Cloud Project

1. Go to Google Cloud Console
2. Click “New Project” → give it a name like flutter_heatmap_demo
3. Enable Billing (required for Maps SDK)
4. Go to APIs & Services → Library
   • Enable these APIs:
     • Maps SDK for Android
     • Maps SDK for iOS
     • Maps JavaScript API (optional, for testing on web)

🔑 Step 2: Get Your API Keys

1. Go to APIs & Services → Credentials → Create Credentials → API Key
2. Copy the key and restrict it to:
   • Android apps (use package name + SHA-1)
   • iOS apps (use bundle ID)
3. Save the key — you’ll need it for your Flutter app.