Flutter — Google Map with Custom Marker📍

Let’s add Google Maps to your Flutter app and replace the boring marker with a fancy one.

Get the API Key

If you want to use Google Maps in your Flutter application, you’ll need to configure an API project with Google Maps Platform.

1. Go to the Google Maps Platform > Create new project or use existing one.
2. On the Library page > Search for “Maps SDK”.
3. Click on Maps SDK for iOS and then click Enable.
4. Click Maps SDK for Android and then click Enable
5. On the Credentials page, click Create credentials > API key. (The API key created dialog displays your newly created API key.)
6. The new API key is listed on the Credentials page under API keys. To rename it click on the edit icon. (Pro tips: Restrict the API key before using it in production.)

If you’re having trouble getting your API key, check out this video👇

Adding Google Maps Flutter package as a dependency