Using Mapbox
Last updated
Was this helpful?
Last updated
Was this helpful?
To integrate with 3rd party mapping libraries, Mapbox provides an alternative to the normal 'Style URL' for each map style (and any custom map styles).
The 'CARTO' 'Integration URL' contains all the information and placeholders that flutter_map requires to display a map. Tiles requested through this endpoint consume the 'Static Tiles API' quota.
Once you have the appropriate URL for your desired map style (see Styles), use it in a TileLayer's urlTemplate as normal.
Retina tiles (high-DPI) tiles are used by default ('@2x'). The maximum zoom level that Mapbox supports is 22, so it is recommended to set maxNativeZoom or maxZoom as such.
Attribution is required, see .
Consider using the , which meets the requirements by supporting both logo and text attribution.
Mapbox supports creating and using custom styled maps through Studio. These are compatible with flutter_map.
Once you've found a style that suits your needs, or created your own, make it public, then open the 'Share & develop' modal:
Scroll to the bottom of the modal, and select 'Third party'. Then from the drop down box, select 'CARTO'. Copy the 'Integration URL' to your clipboard, and use as above.
This URL should be used as above, although you may need to insert the placeholders manually.
Mapbox offers a variety of ready-made map styles that don't require customization. An example URL can be found in .