Using Mapbox
'flutter_map' is in no way associated or related with Mapbox.
Mapbox's Maps home page: mapbox.com/maps Mapbox's Maps pricing page: mapbox.com/pricing#maps Mapbox's Maps documentation: docs.mapbox.com/api/maps/static-tiles
Mapbox is a popular pay-as-you-go tile provider solution, especially for commercial applications. However, setup with 'flutter_map' can be a bit finicky, so this page is here to help you get going with Mapbox. Note that these methods use up your 'Static Tiles API' quota.
Pre-made Styles
Mapbox offers a variety of ready-made map styles that don't require customization. An example URL can be found in the example here.
Custom Styles
First, create a custom map Style in the Studio. You can personalise to your heart's content, or leave it at default for a more vanilla feeling. You'll also need an access token.
Then make the map style public, and open the share dialog, as seen below:
Scroll to the bottom of the dialog, and select Third Party. Then from the drop down box, select 'CARTO':
You'll then need to copy the URL and use it in 'flutter_map', like in the code below.
Usage
You should remove the 'access_token' (found at the end of the URL, usually beginning with 'pk.') from the URL for readability. Instead, pass it to additionalOptions
.
Please note that choosing either 256x256 or 512x512 (default) pixel tiles will impact pricing: see the documentation.
Last updated